@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";
:root{--bg-primary:#000;--bg-secondary:#0a0a0c;--bg-card:#141416d9;--bg-card-hover:#1e1e21f2;--bg-elevated:#111114;--bg-glass:#0a0a0cbf;--accent-primary:#00e0ff;--accent-primary-light:#5cf2ff;--accent-secondary:#34c759;--accent-tertiary:#a5a1ff;--accent-warning:#fc0;--accent-danger:#ff3b30;--gradient-primary:linear-gradient(135deg, #00e0ff 0%, #008be5 100%);--gradient-hot:linear-gradient(135deg, #ff3b30 0%, #ff8c00 100%);--gradient-cool:linear-gradient(135deg, #00e0ff 0%, #34c759 100%);--gradient-card:linear-gradient(145deg, #19191ce6 0%, #0a0a0cb3 100%);--gradient-glass:linear-gradient(135deg, #00e0ff1a 0%, #34c7590d 100%);--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6b6b80;--text-on-accent:#fff;--border-subtle:#ffffff14;--border-active:#00e0ff4d;--font-display:"Orbitron", sans-serif;--font-body:"\"Exo 2\"", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0009;--shadow-md:0 8px 24px #000c;--shadow-lg:0 16px 48px #000000e6;--shadow-glow:0 0 20px #00e0ff33;--shadow-glow-green:0 0 20px #34c75933;--shadow-glow-red:0 0 20px #ff3b3033;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:pan-y}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:none;width:100vw;max-width:100%;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}strong,b{font-weight:600}label{font-weight:300}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 20%,#ffffff08 0%,#0000 60%),radial-gradient(circle at 70% 80%,#00d4aa05 0%,#0000 60%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-weight:700;line-height:1.2}.card-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 4px 6px #0006);width:28px;height:28px;margin-right:12px;transform:translateY(-2px)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--gradient-primary);color:var(--text-on-accent);border-radius:var(--radius-full);transition:all var(--transition-base);font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:all var(--transition-base);font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-1px)}.btn-danger{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--accent-danger);color:var(--text-on-accent);border-radius:var(--radius-full);transition:all var(--transition-base);font-size:.95rem;font-weight:600;display:inline-flex}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.input-field{width:100%;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);font-size:.95rem}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6c63ff26}.input-field::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.macro-ring{aspect-ratio:1;width:100%;position:relative}.macro-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.macro-ring circle{fill:none;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){:root{--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px}}