*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-accent:#ffe600;--color-accent-hover:#ffd000;--color-accent-glow:#ffe60059;--color-accent-subtle:#ffe6001f;--color-dark:#0f0f1a;--color-dark-surface:#1a1a2e;--color-dark-elevated:#252540;--color-dark-border:#ffffff14;--color-bg:#0f0f1a;--color-bg-alt:#0f0f1a;--color-bg-warm:#0f0f1a;--color-surface:#1c1c33;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-tertiary:#fff6;--color-text-on-dark:#fff;--color-text-on-accent:#0f0f1a;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--glass-bg:#ffffff08;--glass-bg-strong:#ffffff14;--glass-bg-dark:#ffffff05;--glass-border:#ffffff1a;--glass-border-dark:#ffffff0d;--glass-blur:20px;--glass-blur-strong:32px;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 16px #0006,0 2px 4px #0000004d;--shadow-lg:0 12px 40px #00000080,0 4px 12px #0006;--shadow-xl:0 24px 60px #0009,0 8px 20px #00000080;--shadow-glow:0 0 40px var(--color-accent-glow);--shadow-inner-glow:inset 0 1px 0 #ffffff1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:20px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-out-quint:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--header-height:80px;--container-max:1280px;--container-wide:1440px;--container-narrow:860px;--font-display:"Unbounded",sans-serif;--font-body:"Onest",sans-serif;--font-mono:"Space Mono",monospace}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;max-width:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg);max-width:100%;font-size:16px;line-height:1.65;overflow-x:hidden}main{max-width:100%;overflow-x:clip}@media (max-width:640px){body.sticky-bar-visible main{padding-bottom:92px}.section-header h2,.section-header h3,h1,h2{overflow-wrap:anywhere;word-break:normal}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}h2{font-size:32px;font-weight:700;line-height:1.2}@media (min-width:768px){h2{font-size:40px}}h3{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600}h4{font-size:clamp(1.15rem,1.5vw,1.4rem);font-weight:600}p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}a{color:inherit;transition:color var(--duration-fast)ease;text-decoration:none}ul,ol{list-style:none}img,video,svg{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.container-wide{max-width:var(--container-wide)}.container-narrow{max-width:var(--container-narrow)}.section{padding:var(--space-24)0;position:relative}.section-dark{background-color:var(--color-bg);color:var(--color-text-primary)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--color-text-primary)}.section-dark p{color:var(--color-text-secondary)}.section-alt{background-color:var(--color-bg-alt)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--color-accent-subtle);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin-bottom:var(--space-5);border:1px solid #ffe60040;font-size:.8rem;font-weight:600;display:inline-flex}.section-dark .section-badge{color:var(--color-accent);background:#ffe6001f;border-color:#ffe60033}.section-subtitle{color:var(--color-text-secondary);margin-top:var(--space-4);font-size:1.1rem;line-height:1.65}.section-dark .section-subtitle{color:#fff9}.btn{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);letter-spacing:.01em;transition:all var(--duration-normal)var(--ease-out-expo);white-space:normal;width:100%;min-height:48px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}@media (min-width:640px){.btn{white-space:nowrap;width:fit-content}}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:0 2px 12px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 6px 24px var(--color-accent-glow),0 0 0 3px var(--color-accent-subtle);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px var(--color-accent-glow);transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--color-text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-inner-icon{flex-shrink:0;margin-right:6px;display:inline-flex}.btn-secondary:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-md);border-color:#fff3;transform:translateY(-2px)}.btn-outline{color:var(--color-text-primary);border:2px solid var(--color-accent);background:0 0}.btn-outline:hover{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:0 6px 24px var(--color-accent-glow);transform:translateY(-2px)}.btn-dark{background:var(--color-dark);color:#fff}.btn-dark:hover{background:var(--color-dark-surface);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-lg{padding:var(--space-5)var(--space-10);border-radius:var(--radius-xl);min-height:56px;font-size:1.05rem}.btn-sm{padding:var(--space-2)var(--space-5);border-radius:var(--radius-md);min-height:36px;font-size:.85rem}.btn-icon{border-radius:var(--radius-lg);width:48px;height:48px;padding:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md),var(--shadow-inner-glow);padding:var(--space-8);transition:all var(--duration-normal)var(--ease-out-expo)}.glass-card:hover{box-shadow:var(--shadow-lg),var(--shadow-inner-glow);border-color:#ffffff59;transform:translateY(-4px)}.glass-card-dark{background:var(--glass-bg-dark);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-dark);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--duration-normal)var(--ease-out-expo);box-shadow:0 4px 24px #0000004d}.glass-card-dark:hover{background:#ffffff1a;border-color:#ffffff29;transform:translateY(-4px);box-shadow:0 8px 32px #0006}.card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);padding:var(--space-8);transition:all var(--duration-normal)var(--ease-out-expo)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.input{width:100%;padding:var(--space-4)var(--space-5);border:2px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--duration-fast)ease;background:#0003;min-height:48px;font-size:1rem}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input-dark{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.input-dark:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #ffe60026}.text-accent{color:var(--color-accent)}.text-gradient{background:linear-gradient(135deg,var(--color-accent),#ffb800);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider-glow{background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.5;border:none;height:3px}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--header-height:64px}.section{padding:var(--space-16)0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow),0 0 60px #ffe60026}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.grain-overlay:before{content:"";pointer-events:none;z-index: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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:absolute;inset:-50%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:var(--color-accent);color:var(--color-text-on-accent)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}