@import"https://fonts.googleapis.com/css2?family=Sora:wght@700;800;900&family=Space+Grotesk:wght@600;700;800&family=JetBrains+Mono:wght@600;700&display=swap";:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-glass: rgba(20, 20, 20, .8);--accent-primary: #ffffff;--accent-secondary: #e5e5e5;--text-primary: #ffffff;--text-secondary: #d4d4d4;--text-muted: #a0a0a0;--shadow-glow: 0 0 60px rgba(255, 255, 255, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .8);--border-glass: rgba(255, 255, 255, .15);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-heading: "Sora", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;will-change:background-position;animation:gridMove 20s linear infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(255,255,255,.02) 100px,rgba(255,255,255,.02) 101px);pointer-events:none;z-index:0}.app-container{position:relative;z-index:1}.geometric-shape{position:fixed;border:2px solid rgba(255,255,255,.1);pointer-events:none;z-index:0;will-change:transform;animation:float 15s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;right:5%}.shape-2{width:200px;height:200px;bottom:20%;left:10%;animation-delay:5s;transform:rotate(45deg)}.shape-3{width:150px;height:150px;top:60%;right:15%;animation-delay:10s;border-radius:50%}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-card);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;position:relative;overflow:hidden;will-change:transform}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-card);border-color:#ffffff4d}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:16px 36px;font-family:var(--font-heading);font-weight:800;font-size:15px;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:2px;will-change:transform;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--accent-primary);color:var(--bg-primary);border:2px solid var(--accent-primary);box-shadow:0 0 20px #ffffff4d}.btn-primary:hover{background:transparent;color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 0 40px #ffffff80}.btn-secondary{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-secondary:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-3px);box-shadow:0 0 30px #fff6}.code-block{font-family:var(--font-mono);background:#0009;border:1px solid var(--border-glass);border-radius:12px;padding:var(--spacing-md);font-size:14px;line-height:1.8;font-weight:600}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:7px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.animate-slide-up{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:fadeIn 1s ease-out forwards}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.4,0,.2,1) forwards}.shimmer-text{background:linear-gradient(90deg,#fff,#ccc,#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:900;line-height:1.1;letter-spacing:-.04em;text-shadow:0 4px 12px rgba(0,0,0,.5)}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:900}h3{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}h4{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800}p{font-family:var(--font-body);font-weight:600;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}a{color:inherit;text-decoration:none}strong,b{font-weight:800}@media(max-width:1024px){.container{padding:0 var(--spacing-md);max-width:100%}.geometric-shape{opacity:.5}}@media(max-width:768px){:root{--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem}.container{padding:0 1rem;max-width:100%}.geometric-shape{display:none}h1{font-size:clamp(2rem,8vw,2.75rem);text-shadow:0 3px 8px rgba(0,0,0,.5)}h2{font-size:clamp(1.75rem,6vw,2.5rem)}h3{font-size:clamp(1.25rem,5vw,1.875rem)}p{font-size:clamp(.9375rem,2vw,1.0625rem)}body:before{background-size:30px 30px}}@media(max-width:480px){:root{--spacing-xs: .375rem;--spacing-sm: .625rem;--spacing-md: .875rem;--spacing-lg: 1.25rem;--spacing-xl: 1.75rem;--spacing-2xl: 2.25rem;--spacing-3xl: 2.75rem}.container{padding:0 .75rem}h1{font-size:clamp(1.75rem,10vw,2.5rem);line-height:1.15}h2{font-size:clamp(1.5rem,8vw,2.25rem)}.btn{padding:14px 24px;font-size:13px;letter-spacing:1.5px;font-weight:800}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}