:root{--color-bg:#05060a;--color-surface:#0b0e16;--color-surface-alt:#111624;--color-elevated:#171c2b;--color-border-subtle:#1f2636;--color-border-strong:#3b4a6a;--color-text:#f5f7ff;--color-text-muted:#a3b0d9;--color-text-soft:#6f7aa0;--color-primary:#00e0ff;--color-primary-soft:rgba(0,224,255,0.14);--color-primary-strong:#33ecff;--color-accent:#6b5bff;--color-accent-soft:rgba(107,91,255,0.16);--color-success:#4cd964;--color-warning:#ffd65a;--color-danger:#ff4b6a;--color-danger-soft:rgba(255,75,106,0.16);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2933;--gray-900:#111827;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Roboto Mono",ui-monospace,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--line-height-tight:1.15;--line-height-snug:1.25;--line-height-normal:1.6;--line-height-relaxed:1.8;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-soft:0 18px 40px rgba(0,0,0,0.6);--shadow-strong:0 30px 80px rgba(0,0,0,0.85);--shadow-glow-primary:0 0 0 1px rgba(0,224,255,0.35),0 0 40px rgba(0,224,255,0.25);--shadow-glass:0 18px 60px rgba(0,0,0,0.7);--transition-fast:150ms ease-out;--transition-base:220ms ease-out;--transition-slow:380ms ease-out;--header-height:72px}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color-scheme:dark}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:radial-gradient(circle at 0 0,#19233a 0,transparent 45%),radial-gradient(circle at 100% 0,#2a1743 0,transparent 45%),radial-gradient(circle at 50% 100%,#04263a 0,transparent 55%),var(--color-bg);color:var(--color-text);overflow-x:hidden}img,svg,video,canvas,iframe{max-width:100%;height:auto;display:block}picture{display:block}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}code,pre,kbd,samp {font-family:var(--font-mono)}body{padding:0 0 var(--space-12)}main{display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:650;letter-spacing:0.02em;color:var(--color-text);line-height:var(--line-height-tight);text-rendering:optimizeLegibility}h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-3)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}h5{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:var(--space-2);color:var(--color-text-soft)}p {margin-bottom:var(--space-4);color:var(--color-text-muted);}a{color:var(--color-primary);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}a:hover{color:var(--color-primary-strong)}a:active{transform:translateY(1px)}::selection{background:rgba(0,224,255,0.35);color:#ffffff}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:rgba(3,7,18,0.9)}body::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#00e0ff,#6b5bff);border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#33ecff,#8c7bff)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-4)}.container-wide{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--space-4)}.container-full{width:100%;padding:0 var(--space-4)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap {flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.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}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0.7rem 1.4rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,0.08);background:radial-gradient(circle at 0 0,rgba(0,224,255,0.2)0,transparent 55%),radial-gradient(circle at 100% 0,rgba(107,91,255,0.18)0,transparent 55%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(15,23,42,0.88));color:var(--color-text);font-size:0.95rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;line-height:1;overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 0 1px rgba(255,255,255,0.03),var(--shadow-soft);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast),background var(--transition-base),color var(--transition-fast)}.btn::before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(0,224,255,0.8),rgba(107,91,255,0.8),rgba(0,224,255,0.8));opacity:0;mix-blend-mode:screen;transition:opacity var(--transition-base);z-index:-1}.btn-primary{background:linear-gradient(135deg,#00e0ff,#6b5bff);border-color:rgba(0,224,255,0.7);box-shadow:var(--shadow-glow-primary)}.btn-ghost{background:rgba(15,23,42,0.7);border-color:rgba(148,163,184,0.45)}.btn-ghost:hover{border-color:rgba(226,232,240,0.7)}.btn-secondary{background:linear-gradient(135deg,#6b5bff,#00e0ff);border-color:rgba(107,91,255,0.7)}.btn:hover{transform:translateY(-1px) translateZ(0);box-shadow:var(--shadow-glow-primary);border-color:rgba(148,163,184,0.9)}.btn:hover::before{opacity:0.5}.btn:active{transform:translateY(0);box-shadow:0 0 0 1px rgba(0,224,255,0.5),0 18px 40px rgba(0,0,0,0.9)}.btn:disabled,.btn[aria-disabled="true"]{opacity:0.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{width:2.4rem;height:2.4rem;padding:0;border-radius:999px}.btn-sm{padding:0.55rem 1.1rem;font-size:0.8rem}.btn-lg{padding:0.9rem 1.8rem;font-size:1rem}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.16em;color:var(--color-text-soft)}.field-description{font-size:0.85rem;color:var(--color-text-muted)}.field-error{margin-top:var(--space-1);font-size:0.82rem;color:var(--color-danger)}input[type="text"],input[type="email"],input[type="search"],input[type="password"],input[type="url"],input[type="number"],textarea,select{width:100%;padding:0.75rem 0.95rem;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:linear-gradient(135deg,rgba(15,23,42,0.95),rgba(15,23,42,0.9));color:var(--color-text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);box-shadow:0 12px 30px rgba(0,0,0,0.6);min-height:2.75rem}input::placeholder,textarea::placeholder{color:var(--color-text-soft);opacity:0.9}textarea{min-height:130px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:rgba(0,224,255,0.85);box-shadow:var(--shadow-glow-primary);background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(15,23,42,0.96));transform:translateY(-1px)}input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--color-danger);box-shadow:0 0 0 1px rgba(255,75,106,0.6),0 18px 40px rgba(0,0,0,0.8)}input:disabled,textarea:disabled,select:disabled{opacity:0.6;cursor:not-allowed}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 52%),linear-gradient(135deg,var(--color-text-muted) 48%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.card{position:relative;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,0.16);background:linear-gradient(135deg,rgba(15,23,42,0.96),rgba(15,23,42,0.9));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);padding:var(--space-5);overflow:hidden;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-fast),background var(--transition-slow)}.card::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 0 0,rgba(0,224,255,0.33)0,transparent 55%),radial-gradient(circle at 100% 0,rgba(107,91,255,0.26)0,transparent 55%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;z-index:-1}.card:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 30px 80px rgba(0,0,0,0.95);border-color:rgba(226,232,240,0.18)}.card:hover::before{opacity:1}.card-header{margin-bottom:var(--space-3)}.card-title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:var(--space-2)}.card-meta{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--color-text-soft)}.card-body{font-size:0.96rem;color:var(--color-text-muted)}.chip {display:inline-flex;align-items:center;gap:6px;padding:0.2rem 0.7rem;border-radius:999px;border:1px solid rgba(148,163,184,0.3);background:radial-gradient(circle at 0 0,rgba(0,224,255,0.28)0,transparent 55%),rgba(15,23,42,0.9);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.18em;color:var(--color-text-muted)}:focus-visible{outline:2px solid transparent;outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 1px rgba(15,23,42,1),0 0 0 3px rgba(0,224,255,0.7)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}.glow-border{position:relative}.glow-border::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from 180deg at 50% 50%,rgba(0,224,255,0.3),rgba(107,91,255,0.4),rgba(0,224,255,0.3));opacity:0.75;mix-blend-mode:screen;pointer-events:none;z-index:-1}.glass-panel{background:linear-gradient(135deg,rgba(15,23,42,0.85),rgba(15,23,42,0.75));border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,0.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass)}.badge-live{display:inline-flex;align-items:center;gap:4px;padding:0.16rem 0.6rem;border-radius:999px;background:rgba(239,68,68,0.16);color:var(--color-danger);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.18em}.badge-live::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--color-danger);box-shadow:0 0 12px rgba(239,68,68,0.8)}.meta-kicker{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.22em;color:var(--color-primary);display:inline-flex;align-items:center;gap:8px}.meta-kicker::before{content:"";width:26px;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(0,224,255,1),rgba(107,91,255,0))}.ribbon{width:100%;padding:0.7rem 1rem;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.18em;display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(90deg,rgba(0,224,255,0.28),rgba(107,91,255,0.32),rgba(0,224,255,0.28));color:#0b1020}.ribbon-pill{display:inline-flex;align-items:center;gap:6px;padding:0.16rem 0.7rem;border-radius:999px;background:rgba(15,23,42,0.9);color:var(--color-text-muted);font-size:0.72rem}.shadowed-media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,0.9)}.shadowed-media img{width:100%;height:auto;display:block;transform:scale(1.02);transition:transform 900ms cubic-bezier(0.19,1,0.22,1)}.shadowed-media:hover img{transform:scale(1.06)}.hud-line{position:relative;height:1px;width:100%;background:linear-gradient(90deg,rgba(148,163,184,0.05),rgba(148,163,184,0.4),rgba(148,163,184,0.05))}.hud-dots{display:inline-flex;gap:4px}.hud-dots span{width:3px;height:3px;border-radius:999px;background:rgba(148,163,184,0.6)}@media (max-width:1024px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}.container,.container-wide,.container-full{padding:0 var(--space-4)}}@media (max-width:768px){body{font-size:0.98rem}.container,.container-wide,.container-full{padding:0 var(--space-3)}h1{font-size:2.25rem}h2{font-size:1.6rem}h3{font-size:1.35rem}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.ribbon{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.card{padding:var(--space-4)}}@media (max-width:480px){body{font-size:0.95rem}.container,.container-wide,.container-full{padding:0 var(--space-3)}h1{font-size:2rem}h2{font-size:1.4rem}.btn{width:100%;justify-content:center}.card{padding:var(--space-3)}p {margin-bottom:var(--space-3)}}