:root{--color-bg-dark:#0f111a;--color-bg-panel:#1a1d2d;--color-primary:#00d2ff;--color-primary-glow:#00d2ff66;--color-accent:gold;--color-danger:#ff4757;--color-text-main:#e0e6ed;--color-text-muted:#94a3b8;--color-border:#2d3748;--font-main:"Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono:"Fira Code", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-glow-blue:0 0 10px var(--color-primary-glow);--shadow-panel:0 4px 6px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-main);min-height:100vh;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;padding:var(--spacing-md);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.full-screen{width:100vw;height:100vh}.btn{background:var(--color-bg-panel);border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s;box-shadow:0 0 5px #00d2ff1a}.btn:hover{background:var(--color-primary);color:var(--color-bg-dark);box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}