@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;500;600;700;800;900&display=swap";:root{--primary:#69daff;--secondary:#b884ff;--background:#0a0e14;--surface:#151a21}html{scroll-padding-top:100px}body{scroll-behavior:smooth;background-color:var(--background);color:#f1f3fc;-webkit-font-smoothing:antialiased;max-width:100vw;margin:0;padding:0;font-family:Outfit,Inter,sans-serif;overflow-x:hidden}.text-display{letter-spacing:-.05em;font-size:clamp(2.2rem,10vw,6rem);font-weight:900;line-height:.95}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151a2166;border:1px solid #ffffff0d}.saas-card{background:#151a2199;border:1px solid #ffffff14;border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.saas-card:hover{border-color:#69daff4d;transform:translateY(-4px);box-shadow:0 20px 40px #0006}.btn-saas{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-saas:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-saas:hover:after{left:100%}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1600px)}}@keyframes scroll-fast{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{width:max-content;animation:40s linear infinite scroll;display:flex}.animate-scroll-fast{width:max-content;animation:20s linear infinite scroll-fast;display:flex}.hover\:pause:hover{animation-play-state:paused}.drop-shadow-3d{text-shadow:0 1px #ccc,0 2px #c9c9c9,0 3px #bbb,0 4px #b9b9b9,0 5px #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 10px #0003,0 20px 20px #00000026}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:.8s step-end infinite blink}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:.4s ease-out 50ms both fade-in-up}.stagger-2{animation:.4s ease-out .1s both fade-in-up}.stagger-3{animation:.4s ease-out .15s both fade-in-up}.stagger-4{animation:.4s ease-out .2s both fade-in-up}.hover-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1)}.hover-tilt:hover{transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) scale3d(1.05, 1.05, 1.05);border-color:var(--primary);box-shadow:0 40px 80px #0009,0 0 20px #69daff33}.glow-border{position:relative}.glow-border:before{content:"";background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s;position:absolute;inset:-1px}.glow-border:hover:before{opacity:.5}.btn-vibrate:active{filter:brightness(1.2);transform:scale(.95)}.btn-glow:hover{box-shadow:0 0 20px var(--primary)}.scroll-snap-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.scroll-snap-child{scroll-snap-align:center}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.page-transition{animation:.3s cubic-bezier(.4,0,.2,1) forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-transition{transition:opacity .3s ease-in-out,transform .3s ease-in-out}@media (width<=768px){:root{--mobile-padding:20px}body,html{word-break:break-word;overflow-wrap:break-word;width:100%;margin:0;padding:0;line-height:1.5;position:relative;overflow-x:hidden!important}h1{letter-spacing:-.02em!important;font-size:clamp(2.5rem,12vw,4rem)!important;line-height:1.1!important}h2{letter-spacing:-.02em!important;font-size:clamp(2rem,10vw,3rem)!important;line-height:1.2!important}h3{font-size:clamp(1.5rem,8vw,2.2rem)!important;line-height:1.2!important}p{font-size:clamp(.9rem,4vw,1.1rem)!important;line-height:1.6!important}.text-display{letter-spacing:-.03em!important;font-size:clamp(2.5rem,15vw,4.5rem)!important;line-height:1!important}section,main{padding-left:var(--mobile-padding)!important;padding-right:var(--mobile-padding)!important;max-width:100vw!important;overflow-x:hidden!important}.px-6,.px-8,.md\:px-8{padding-left:var(--mobile-padding)!important;padding-right:var(--mobile-padding)!important}.py-20,.py-32,.mb-32,.mb-20{margin-bottom:3rem!important;padding-top:3rem!important;padding-bottom:3rem!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.lg\:grid-cols-2,.lg\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:1fr!important;gap:1.5rem!important}button.btn-saas,button.btn-vibrate,button.px-12,button.px-10,button.px-8,a.btn-vibrate{justify-content:center!important;width:100%!important;min-height:52px!important;margin-left:0!important;margin-right:0!important;padding:14px 20px!important;display:flex!important}.flex.gap-4:not(.items-center),.flex.gap-6:not(.items-center){flex-direction:column!important;width:100%!important}.saas-card,.glass-panel,.glass-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}#skill-game,#logic-vault,#syntax-zap,#typed-flow{padding-left:var(--mobile-padding)!important;padding-right:var(--mobile-padding)!important;padding-top:4rem!important;overflow:hidden!important}.glass-panel.aspect-\[16\/9\]{aspect-ratio:auto!important;height:auto!important;min-height:350px!important;padding:12px!important}canvas{aspect-ratio:16/9!important;max-width:100%!important;height:auto!important}*{box-sizing:border-box!important;max-width:100%!important}.text-gradient.inline-block.min-w-\[320px\],.text-gradient.inline-block.min-w-\[700px\]{width:100%!important;min-width:0!important;display:block!important}.flex.gap-4.sm\:gap-6.items-center.justify-center.md\:justify-start{flex-wrap:nowrap!important;gap:.75rem!important}.flex.gap-4.sm\:gap-6.items-center span.text-4xl{font-size:1.5rem!important}.grid.grid-cols-1.md\:grid-cols-3,.grid.grid-cols-1.md\:grid-cols-4{grid-template-columns:1fr!important}footer .grid-cols-1.md\:grid-cols-4{text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}footer .col-span-1.md\:col-span-2{max-width:100%!important}.fixed.inset-0.z-\[100\].flex,.fixed.inset-0.z-\[200\].flex{padding:10px!important}.max-w-xl.w-full,.max-w-md.w-full{border-radius:20px!important;padding:20px!important}.absolute.blur-\[160px\],.absolute.blur-\[120px\],.absolute.blur-\[100px\]{display:none!important}}