*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-accent:#FFE600;--color-accent-hover:#FFD000;--color-accent-glow:rgba(255,230,0,0.35);--color-accent-subtle:rgba(255,230,0,0.12);--color-dark:#0F0F1A;--color-dark-surface:#1A1A2E;--color-dark-elevated:#252540;--color-dark-border:rgba(255,255,255,0.08);--color-bg:#0F0F1A;--color-bg-alt:#0F0F1A;--color-bg-warm:#0F0F1A;--color-surface:#1C1C33;--color-text-primary:#FFFFFF;--color-text-secondary:rgba(255,255,255,0.7);--color-text-tertiary:rgba(255,255,255,0.4);--color-text-on-dark:#FFFFFF;--color-text-on-accent:#0F0F1A;--color-success:#22C55E;--color-warning:#F59E0B;--color-error:#EF4444;--glass-bg:rgba(255,255,255,0.03);--glass-bg-strong:rgba(255,255,255,0.08);--glass-bg-dark:rgba(255,255,255,0.02);--glass-border:rgba(255,255,255,0.10);--glass-border-dark:rgba(255,255,255,0.05);--glass-blur:20px;--glass-blur-strong:32px;--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 16px rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.3);--shadow-lg:0 12px 40px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.4);--shadow-xl:0 24px 60px rgba(0,0,0,0.6),0 8px 20px rgba(0,0,0,0.5);--shadow-glow:0 0 40px var(--color-accent-glow);--shadow-inner-glow:inset 0 1px 0 rgba(255,255,255,0.1);--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(0.16,1,0.3,1);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--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}body,html{overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--color-text-primary);background-color:var(--color-bg)}main{overflow-x:clip;max-width:100%}@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);line-height:1.15;letter-spacing:-.02em;color:var(--color-text-primary)}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)}h3,h4{font-weight:600}h4{font-size:clamp(1.15rem,1.5vw,1.4rem)}p{font-size:1.05rem;line-height:1.7;color:var(--color-text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) ease}ol,ul{list-style:none}img,svg,video{display:block;max-width:100%;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.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)}.section-dark,.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{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-subtle);border:1px solid rgba(255,230,0,.25);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin-bottom:var(--space-5)}.section-dark .section-badge{background:rgba(255,230,0,.12);border-color:rgba(255,230,0,.2);color:var(--color-accent)}.section-subtitle{font-size:1.1rem;color:var(--color-text-secondary);margin-top:var(--space-4);line-height:1.65}.section-dark .section-subtitle{color:rgba(255,255,255,.6)}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-weight:600;font-size:.9rem;letter-spacing:.01em;transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden;white-space:normal;min-height:48px;width:100%}@media (min-width:640px){.btn{width:fit-content;white-space:nowrap}}.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{transform:translateY(0);box-shadow:0 2px 8px var(--color-accent-glow)}.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);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-accent)}.btn-outline:hover{background:var(--color-accent);color:var(--color-text-on-accent);transform:translateY(-2px);box-shadow:0 6px 24px var(--color-accent-glow)}.btn-dark{background:var(--color-dark);color:#FFFFFF}.btn-dark:hover{background:var(--color-dark-surface);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:var(--space-5) var(--space-10);font-size:1.05rem;border-radius:var(--radius-xl);min-height:56px}.btn-sm{padding:var(--space-2) var(--space-5);font-size:.85rem;min-height:36px;border-radius:var(--radius-md)}.btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-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{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-inner-glow);border-color:rgba(255,255,255,.35)}.glass-card-dark{background:var(--glass-bg-dark);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-dark);border-radius:var(--radius-2xl);box-shadow:0 4px 24px rgba(0,0,0,.3);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out-expo)}.glass-card-dark:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.4)}.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{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:.85rem;font-weight:600}.input,.input-label{color:var(--color-text-primary)}.input{width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--glass-border);border-radius:var(--radius-lg);font-size:1rem;background:rgba(0,0,0,.2);transition:all var(--duration-fast) ease;min-height:48px}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle)}.input::placeholder{color:var(--color-text-tertiary)}.input-dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#FFFFFF}.input-dark:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(255,230,0,.15)}.text-accent{color:var(--color-accent)}.text-gradient{background:linear-gradient(135deg,var(--color-accent),#FFB800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider-glow{height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);border:none;opacity:.5}.grid{display:grid;gap:var(--space-6)}.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-3,.grid-4{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:translateX(40px)}to{opacity:1;transform:translateX(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 rgba(255,230,0,.15)}}@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:"";position:absolute;inset:-50%;width:200%;height:200%;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");animation:grain 8s steps(10) infinite;pointer-events:none;z-index:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}::selection{background:var(--color-accent);color:var(--color-text-on-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}