:root{--background:#0b0c0e;--background-alt:#0f1012;--surface:#141518;--surface-elevated:#1a1b1f;--border:#1e2024;--border-light:#2a2d32;--text:#f5f6f8;--text-secondary:#c9cbd0;--subtext:#8b8d93;--accent-green:#9ee2b0;--accent-green-glow:rgba(158,226,176,.15);--accent-blue:#9bb5ff;--accent-blue-glow:rgba(155,181,255,.15);--accent-mint:#aee6e1;--accent-mint-glow:rgba(174,230,225,.15);--accent-lilac:#c6a9ff;--accent-lilac-glow:rgba(198,169,255,.15);--accent-amber:#ffd789;--accent-amber-glow:rgba(255,215,137,.15);--accent-coral:#ffb7a4;--accent-coral-glow:rgba(255,183,164,.15);--accent-cyan:#7dd3fc;--accent-cyan-glow:rgba(125,211,252,.15);--gradient-primary:linear-gradient(135deg,var(--accent-mint) 0%,var(--accent-blue) 50%,var(--accent-lilac) 100%);--gradient-surface:linear-gradient(165deg,rgba(20,21,24,.95),rgba(11,12,14,.98));--gradient-surface-hover:linear-gradient(165deg,rgba(26,27,31,.95),rgba(14,15,17,.98));--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));--gradient-border:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.02));--gradient-radial:radial-gradient(ellipse at center,rgba(155,181,255,.08) 0%,transparent 70%);--gradient-hero:linear-gradient(180deg,rgba(155,181,255,.03),transparent 50%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-primary:"IBM Plex Sans","Inter","Helvetica Neue",Arial,sans-serif;--font-display:"Permanent Marker",cursive;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--transition-bounce:0.4s cubic-bezier(0.34,1.56,0.64,1);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-xl:0 16px 48px rgba(0,0,0,.6);--shadow-glow-green:0 0 20px rgba(158,226,176,.2);--shadow-glow-blue:0 0 20px rgba(155,181,255,.2);--shadow-glow-mint:0 0 20px rgba(174,230,225,.2);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.05);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;letter-spacing:.01em}*,:after,:before{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}p{line-height:1.7;color:var(--text-secondary)}a{color:var(--text);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--accent-blue)}button,input,select,textarea{font-family:var(--font-primary);color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base)}button:hover,input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px var(--accent-blue-glow)}::placeholder{color:var(--subtext);opacity:.8}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border-light),var(--border));border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--subtext),var(--border-light));border:2px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.section{max-width:1100px;margin:0 auto;padding:var(--space-3xl) var(--space-xl)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}.glass{background:var(--gradient-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08)}.glass-strong{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.03));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.12)}.card{background:var(--gradient-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.card-glow:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;text-transform:none}.btn-primary{background:var(--gradient-primary);color:var(--background);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-mint)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent-mint);color:var(--accent-mint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(155,181,255,.3)}50%{box-shadow:0 0 20px rgba(155,181,255,.5)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShiftSlow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes borderGlow{0%,to{opacity:.4}50%{opacity:1}}@keyframes borderRotate{0%{background-position:0 0}to{background-position:200% 0}}@keyframes textShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes textShimmerSlow{0%{background-position:-100%}to{background-position:200%}}@keyframes radialPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.8}}@keyframes radialExpand{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.2);opacity:0}}@keyframes gradientWave{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(155,181,255,.1)}50%{box-shadow:0 0 40px rgba(155,181,255,.25)}}@keyframes colorShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(15deg)}}@keyframes floatGlow{0%,to{transform:translateY(0);box-shadow:0 4px 20px rgba(155,181,255,.1)}50%{transform:translateY(-8px);box-shadow:0 12px 30px rgba(155,181,255,.2)}}@keyframes gradientFlow{0%{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in-down{animation:fadeInDown .6s ease forwards}.animate-scale-in{animation:scaleIn .4s ease forwards}.animate-slide-in-left{animation:slideInLeft .5s ease forwards}.animate-slide-in-right{animation:slideInRight .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);background-size:200% 100%;animation:shimmer 2s ease infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.gradient-animated{background-size:200% 200%;animation:gradientShift 8s ease infinite}.gradient-animated-slow{background-size:300% 300%;animation:gradientShiftSlow 15s ease infinite}.gradient-flow{background-size:400% 400%;animation:gradientFlow 12s ease infinite}.gradient-text-animated{background:linear-gradient(90deg,var(--accent-mint) 0,var(--accent-blue) 25%,var(--accent-lilac) 50%,var(--accent-blue) 75%,var(--accent-mint) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 4s linear infinite}.gradient-text-shimmer{background:linear-gradient(90deg,var(--accent-mint) 0,var(--accent-blue) 20%,var(--accent-lilac) 40%,var(--accent-amber) 60%,var(--accent-lilac) 80%,var(--accent-mint) 100%);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmerSlow 6s ease infinite}.gradient-border{position:relative;background:var(--surface);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-mint),var(--accent-blue),var(--accent-lilac),var(--accent-mint));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientShift 6s ease infinite;opacity:.6;transition:opacity var(--transition-base)}.gradient-border:hover:before{opacity:1}.border-glow-animated{position:relative}.border-glow-animated:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,transparent,var(--accent-mint),var(--accent-blue),var(--accent-lilac),transparent);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderRotate 3s linear infinite;opacity:0;transition:opacity var(--transition-base)}.border-glow-animated:hover:after{opacity:1}.radial-pulse-bg{position:relative}.radial-pulse-bg:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,var(--accent-blue-glow) 0,transparent 70%);animation:radialPulse 4s ease-in-out infinite;pointer-events:none}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}.float-glow{animation:floatGlow 4s ease-in-out infinite}.color-shift{animation:colorShift 8s ease-in-out infinite}.hero-gradient-overlay{position:relative}.hero-gradient-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(174,230,225,.08),rgba(155,181,255,.05) 25%,rgba(198,169,255,.06) 50%,rgba(155,181,255,.05) 75%,rgba(174,230,225,.08));background-size:400% 400%;animation:gradientWave 12s ease infinite;pointer-events:none}.card-gradient-hover{position:relative;overflow:hidden}.card-gradient-hover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(174,230,225,.05) 50%,transparent);background-size:200% 200%;background-position:100% 100%;transition:background-position .5s ease;pointer-events:none}.card-gradient-hover:hover:after{background-position:0 0}.shimmer-overlay{position:relative;overflow:hidden}.shimmer-overlay:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03),transparent);transition:left .6s ease;pointer-events:none}.shimmer-overlay:hover:after{left:100%}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.gradient-text,.gradient-text-blue{-webkit-text-fill-color:transparent}.gradient-text-blue{background:linear-gradient(135deg,var(--accent-blue),var(--accent-lilac));-webkit-background-clip:text;background-clip:text}.gradient-text-mint{background:linear-gradient(135deg,var(--accent-mint),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px}.bg-dots{background-image:radial-gradient(hsla(0,0%,100%,.08) 1px,transparent 0);background-size:24px 24px}.bg-noise{position:relative}.bg-noise:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}html{scroll-behavior:smooth}::selection{background-color:var(--accent-blue);color:var(--background)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-color-scheme:light){:root{color-scheme:dark}}body{background:var(--background)}@media (max-width:768px){:root{--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem}.section{padding:var(--space-2xl) var(--space-md)}}.interactive{cursor:pointer;transition:all var(--transition-base)}.interactive:hover{transform:translateY(-2px)}.interactive:active{transform:translateY(0)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow-blue)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}