@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
:root{--background:#0a0a14;--foreground:#fff;--primary:#8a2be2;--primary-glow:#8a2be266;--secondary:#f0f;--accent:#00f2ff;--glass:#ffffff0d;--glass-border:#ffffff1a;--card-bg:#141423b3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);background:radial-gradient(circle at 50% -20%,#2a1a45 0%,#0a0a14 100%);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #8a2be233}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px var(--primary-glow);text-align:center;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary:hover{filter:brightness(1.2);box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.02)}.gradient-text{background:linear-gradient(to right,var(--accent),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.status-badge{text-transform:uppercase;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:600}.status-active{color:var(--accent);border:1px solid var(--accent);background:#00f2ff1a}.label{color:#fff9;margin-bottom:4px;font-size:.8rem}.value{font-size:1.1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s forwards fadeIn}