@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800;900&family=Inter:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap");

*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;}
:root{
  --bg:#13082a;
  --bg2:rgba(255,255,255,0.04);
  --border:rgba(255,255,255,0.08);
  --text:#f0eaff;
  --text2:#a89cc8;
  --text3:#6666aa;
  --purple:#7c3aed;
  --accent:#a78bfa;
  --gold:#e8c020;
  --green:#22c55e;
  --blue:#3b82f6;
}
body{font-family:"Inter",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;}

/* TOPBAR */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 28px;background:rgba(0,0,0,0.3);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;gap:10px;}
.logo-wrap{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.logo-img{width:42px;height:42px;object-fit:contain;border-radius:8px;}
.logo-text .logo-name{font-family:"Poppins",sans-serif;font-size:14px;font-weight:700;color:var(--text);line-height:1.2;}
.logo-text .logo-by{font-size:10px;color:var(--accent);letter-spacing:0.05em;}
.topbar-nav{display:flex;gap:4px;}
.tnav{font-size:12px;padding:7px 14px;border-radius:8px;border:none;background:transparent;color:var(--text3);cursor:pointer;font-family:"Inter",sans-serif;transition:all 0.2s;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;}
.tnav:hover{background:rgba(255,255,255,0.06);color:var(--text);}
.tnav.active{background:rgba(124,58,237,0.25);color:var(--accent);font-weight:600;}
.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.2s;}
.icon-btn:hover{background:var(--bg2);color:var(--text);}
.avatar{width:34px;height:34px;border-radius:50%;background:rgba(124,58,237,0.35);border:2px solid rgba(167,139,250,0.4);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);cursor:pointer;font-family:"Poppins",sans-serif;}
.mobile-menu-btn{display:none;}

/* CHIP */
.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(124,58,237,0.2);border:1px solid rgba(167,139,250,0.3);border-radius:999px;padding:5px 16px;font-size:11px;color:#c4b5fd;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:16px;}
.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.4;}}

/* SECTION LABEL */
.sec-label,.section-label{font-size:11px;font-weight:600;color:var(--accent);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:12px;font-family:"Poppins",sans-serif;}

/* BUTTONS */
.primary-btn{padding:13px 28px;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;font-family:"Poppins",sans-serif;cursor:pointer;letter-spacing:0.02em;transition:opacity 0.2s,transform 0.15s;display:inline-block;text-decoration:none;text-align:center;}
.primary-btn:hover{opacity:0.9;transform:translateY(-1px);}
.primary-btn.full{width:100%;}
.gold-btn{padding:13px 32px;background:var(--gold);color:#13082a;border:none;border-radius:999px;font-size:14px;font-weight:700;font-family:"Poppins",sans-serif;cursor:pointer;transition:opacity 0.2s,transform 0.15s;display:inline-block;text-decoration:none;}
.gold-btn:hover{opacity:0.9;transform:translateY(-1px);}
.gold-btn.full{width:100%;text-align:center;}

/* MOBILE NAV (hidden desktop) */
.mob-bottom-nav{display:none;}
.mob-overlay{display:none;}