:root{--color-base:#0a1428;--color-base-elevated:#2a2a2a;--color-accent-green:#0f8;--color-accent-violet:#a855f7;--color-text-light:#e5e5e5;--color-text-muted:#a0a0a0;--color-glow-shadow:rgba(0,255,136,.15);--font-display:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"IBM Plex Mono","JetBrains Mono","Courier New",monospace;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--border-radius:8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;@media (prefers-reduced-motion:reduce){scroll-behavior:auto}}body{background-color:var(--color-base);color:var(--color-text-light);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:3.5rem;@media (max-width:768px){font-size:2.5rem}}h2{font-size:2.5rem;@media (max-width:768px){font-size:1.875rem}}h3{font-size:1.875rem;@media (max-width:768px){font-size:1.375rem}}p{margin-bottom:var(--spacing-md);color:var(--color-text-light)}a{color:var(--color-accent-green);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.reveal{position:relative;display:inline-block}.reveal:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--color-accent-green);opacity:0;transition:opacity .3s ease;box-shadow:0 0 8px var(--color-accent-green)}.reveal:hover:after{opacity:1}button{font-family:var(--font-display);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}button.primary{background-color:var(--color-accent-green);color:var(--color-base);box-shadow:0 0 16px rgba(0,255,136,.3)}button.primary:hover{box-shadow:0 0 24px rgba(0,255,136,.5);transform:translateY(-2px)}button.secondary{background-color:transparent;color:var(--color-accent-green);border:2px solid var(--color-accent-green)}button.secondary:hover{background-color:rgba(0,255,136,.1)}button.danger{background-color:#ef4444;color:#fff}button.danger:hover{background-color:#dc2626}input,select,textarea{font-family:var(--font-body);background-color:var(--color-base-elevated);border:1px solid var(--color-accent-green);border-radius:var(--border-radius);padding:var(--spacing-sm);color:var(--color-text-light);transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent-violet);box-shadow:0 0 8px rgba(168,85,247,.3)}.card{background-color:var(--color-base-elevated);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all .3s ease}.card:hover{border-color:var(--color-accent-green);box-shadow:0 0 16px var(--color-glow-shadow)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);@media (max-width:768px){padding:0 var(--spacing-sm)}}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));@media (max-width:768px){grid-template-columns:1fr}}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono);font-size:.875rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-md{gap:var(--spacing-md)}:focus-visible{outline:2px solid var(--color-accent-green);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-mode=day]{--qb-bg:#f3eee2;--qb-surface:#fffdf7;--qb-ink:#1d2733;--qb-muted:#5b6675;--qb-accent:#0e7c5b;--qb-glow:transparent;--qb-line:#d8d0c0}:root:not([data-mode]),:root[data-mode=torch]{--qb-bg:#050a14;--qb-surface:#0c1322;--qb-ink:#dfe7f5;--qb-muted:#7f8ba1;--qb-accent:#a855f7;--qb-glow:#0f8;--qb-line:#1c2942}.qb{background:var(--qb-bg);color:var(--qb-ink);transition:background-color .6s ease,color .6s ease}:root[data-mode=torch]{--qb-glow-filter:drop-shadow(0 0 1px rgba(0,255,136,.1))}@media (prefers-reduced-motion:reduce){.qb{transition:none}}