:root{
--cb-bg:#0b0f14;
--cb-bg-2:#070a0f;
--cb-surface:rgba(255,255,255,.04);
--cb-surface-2:rgba(255,255,255,.06);
--cb-border:rgba(255,255,255,.08);
--cb-border-2:rgba(255,255,255,.12);
--cb-text:#e5e7eb;
--cb-muted:#9ca3af;
--cb-muted-2:#6b7280;
--cb-accent:#68e1ff;
--cb-accent-2:#a78bfa;
--cb-gold:#f7d26a;
--cb-danger:#fb7185;
--cb-success:#34d399;
--cb-radius:20px;
--cb-radius-sm:14px;
--cb-shadow:0 20px 50px rgba(0,0,0,.35);
--cb-shadow-soft:0 12px 24px rgba(0,0,0,.22);
--accent-primary:var(--cb-accent);
--accent-secondary:var(--cb-accent-2);
--bg-deep:var(--cb-bg);
--bg-card:var(--cb-surface);
--border:var(--cb-border);
}

html,body{height:100%}
body{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(104,225,255,.10), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(167,139,250,.10), transparent 55%),
    radial-gradient(700px 500px at 40% 110%, rgba(247,210,106,.08), transparent 60%),
    linear-gradient(180deg, var(--cb-bg), var(--cb-bg-2));
  color:var(--cb-text);
}

a{color:inherit}

.font-inter{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.font-space,.font-orbitron{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}

.cb-topbar{
  background:rgba(11,15,20,.72);
  border-bottom:1px solid var(--cb-border);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.cosmic-glass,.stellar-card,.bg-card{
  background:var(--cb-surface);
  border:1px solid var(--cb-border);
  border-radius:var(--cb-radius);
  box-shadow:var(--cb-shadow-soft);
}

.bg-dark{background:var(--cb-bg)}
.border-border{border-color:var(--cb-border)}
.border-l-gold{border-left-color:var(--cb-gold)}

.text-gold{color:var(--cb-gold)}
.bg-gold{background:var(--cb-gold)}
.border-gold{border-color:var(--cb-gold)}

.text-neon-blue{color:var(--cb-accent)}
.text-neon-purple{color:var(--cb-accent-2)}
.bg-neon-purple{background:var(--cb-accent-2)}
.border-neon-blue{border-color:var(--cb-accent)}

.glow-text-blue{text-shadow:0 0 18px rgba(104,225,255,.22)}

.cb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.65rem 1rem;
  border-radius:9999px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.75rem;
  border:1px solid var(--cb-border-2);
  background:rgba(255,255,255,.03);
  transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.cb-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.cb-btn:active{transform:translateY(1px)}

.cb-btn-primary{background:var(--cb-accent);border-color:rgba(0,0,0,.25);color:#071018}
.cb-btn-primary:hover{background:#9af0ff}

.cb-btn-secondary{background:rgba(255,255,255,.04);color:var(--cb-text)}

.cb-input{
  width:100%;
  padding:.85rem 1rem;
  border-radius:9999px;
  background:rgba(0,0,0,.22);
  border:1px solid var(--cb-border);
  color:var(--cb-text);
  outline:none;
}
.cb-input:focus{border-color:rgba(104,225,255,.45);box-shadow:0 0 0 3px rgba(104,225,255,.12)}

.backdrop-blur-sm{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.backdrop-blur-md{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

.blur-3xl{filter:blur(36px)}
.blur-md{filter:blur(12px)}

.animate-fade-in-up{animation:cbFadeUp .35s ease both}
@keyframes cbFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.pb-safe{padding-bottom:env(safe-area-inset-bottom)}

.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:9999px}
::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.55)}