:root{--bg-dark:#080c14;--panel-bg:#0f172abf;--border-color:#ffffff1a;--accent-cyan:#38bdf8;--accent-purple:#c084fc}body{background-color:var(--bg-dark);color:#f8fafc;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.glass-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:transform .1s,opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-secondary{color:#f8fafc;border:1px solid var(--border-color);cursor:pointer;background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;transition:background .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}