@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-dark:#0a0a0a;--bg-card:#111;--border:#ffffff14;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:radial-gradient(circle at top,#1a1a1a,#050505);font-family:Inter,sans-serif}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff08,#ffffff03);border-radius:16px;padding:16px;transition:all .3s}.card:hover{border-color:#ffffff26;transform:translateY(-3px)}.text-strong{color:var(--text-primary)}.text-muted{color:var(--text-secondary)}.btn{color:#000;background:#fff;border-radius:8px;padding:8px 14px;font-weight:500;transition:all .2s}.btn:hover{background:#e4e4e7}.btn-outline{border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 14px}.btn-outline:hover{background:#ffffff0d}.nav-item{cursor:pointer;border-radius:6px;padding:8px 10px}.nav-item:hover{background:#ffffff0d}.nav-item.active{color:#fff;background:#ffffff14}