:root{
  --bg:#0a0509;
  --blue:#e11d48; --blue-dark:#881337; --sky:#fb7185;
  --text:#ffffff; --sub:#c4aab2; --sub-dim:#96808a;
  --card:#150b11; --card2:#180d13;
  --border:#3a2430; --border-soft:#281820;
  --green:#22c55e;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg); color:var(--text);
  font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  line-height:1.5; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.brand,h1,h2,h3,.toolkit-title,.sec-title h2{
  font-family:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
}
a{color:inherit; text-decoration:none;}
img,svg{display:block; max-width:100%;}
.wrap{max-width:720px; margin:0 auto; padding:0 20px;}
.mono{font-family:ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;}

/* background glow field */
.glow{position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(225,29,72,0.20), transparent 70%),
    radial-gradient(40% 40% at 85% 30%, rgba(251,113,133,0.07), transparent 70%),
    radial-gradient(50% 40% at 10% 60%, rgba(225,29,72,0.08), transparent 70%);
}

/* ---------- nav ---------- */
header{position:sticky; top:0; z-index:50; padding:14px 0;}
nav{
  max-width:720px; margin:0 auto; padding:12px 18px;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background:rgba(11,14,23,0.72); backdrop-filter:blur(14px);
  border:1px solid var(--border); border-radius:16px;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.15rem;}
.brand .logo-img{width:32px; height:32px; object-fit:contain; mix-blend-mode:screen;}
.nav-links{display:flex; align-items:center; gap:20px; margin-left:auto;}
.nav-links a{color:var(--sub); font-size:.9rem; font-weight:600;}
.nav-links a:hover{color:#fff;}
.nav-links .btn{height:36px; padding:0 16px; font-size:.85rem;}
.nav-toggle{
  display:none;
  width:40px; height:40px; border-radius:10px; border:1px solid var(--border);
  background:var(--card); color:var(--text); cursor:pointer;
  align-items:center; justify-content:center; font-size:1.1rem;
}
.nav-toggle:hover{background:#1a1016;}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:44px; padding:0 20px; border-radius:10px; font-weight:600; font-size:.95rem;
  border:1px solid transparent; cursor:pointer; transition:transform .12s ease, filter .12s ease, background .12s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{
  background:linear-gradient(267deg,#e11d48 8%,#881337 142%);
  color:#fff; border:1px solid rgba(255,255,255,0.22);
  box-shadow:0 8px 24px -10px rgba(225,29,72,0.7);
}
.btn-primary:hover{filter:brightness(1.08);}
.btn-ghost{background:#0e131d; color:#fff; border:1px solid var(--border);}
.btn-ghost:hover{background:#1a1016;}
.btn-block{width:100%;}
.btn-discord{background:#5865f2; color:#fff; border:1px solid #4650d8;}
.btn-discord:hover{filter:brightness(1.08);}

/* ---------- hero ---------- */
.hero{text-align:center; padding:64px 0 40px;}
.hero h1{font-size:2.55rem; font-weight:800; letter-spacing:-0.02em; line-height:1.12; margin-bottom:18px;}
.grad{
  background:linear-gradient(90deg,#e11d48,#fb7185,#e11d48,#fb7185,#e11d48);
  background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:shine 6s linear infinite;
}
@keyframes shine{to{background-position:200% center;}}
.hero p.lede{color:var(--sub); font-size:1.12rem; max-width:34ch; margin:0 auto 30px;}
.hero-ctas{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:24px;}
.member-line{color:var(--sub-dim); font-size:.9rem;}
.member-line b{color:var(--sky); font-weight:700;}

/* ---------- stats ---------- */
.stat-row{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  background:var(--card); border:1px solid var(--border); border-radius:16px; padding:22px 20px;}
.stat{text-align:center;}
.stat b{display:block; font-size:1.8rem; font-weight:800;
  background:linear-gradient(90deg,#e11d48,#fb7185); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stat span{color:var(--sub-dim); font-size:.8rem;}

/* ---------- section heads ---------- */
section{padding:34px 0;}
.sec-title{display:flex; align-items:center; gap:12px; margin-bottom:20px;}
.sec-title h2{font-size:1.9rem; font-weight:800; letter-spacing:-0.01em;}

/* ---------- toolkit cards ---------- */
.toolkit-title{text-align:center; font-size:2rem; font-weight:800; margin:8px 0 24px;}
.feature-card{
  border-radius:18px; padding:30px 26px; border:1px solid var(--border);
  position:relative; overflow:hidden;
}
.fc-teal{background:radial-gradient(120% 120% at 10% 0%, rgba(20,60,55,0.9), #081014 60%);}
.fc-blue{background:radial-gradient(120% 120% at 90% 0%, rgba(120,20,50,0.9), #16080d 60%);}
.fc-purple{background:radial-gradient(120% 120% at 50% 0%, rgba(50,25,80,0.95), #0c0816 60%);}
.fc-amber{background:radial-gradient(120% 120% at 50% 0%, rgba(70,45,15,0.9), #120c06 60%);}
.feature-card + .feature-card{margin-top:16px;}
.fc-head{text-align:center; margin-bottom:22px;}
.fc-head h3{font-size:1.35rem; font-weight:700; margin-bottom:6px;}
.fc-head p{color:var(--sub); font-size:.92rem;}
.fc-row{display:flex; align-items:center; gap:14px; margin-bottom:16px;}
.fc-badge{width:44px; height:44px; border-radius:12px; flex:none; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.05rem; color:#fff;}
.fc-badge.b-blue{background:linear-gradient(135deg,#e11d48,#881337);}
.fc-badge.b-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);}
.fc-badge.b-amber{background:linear-gradient(135deg,#f59e0b,#b45309);}
.fc-row h4{font-size:1.05rem;}
.fc-list{list-style:none; display:flex; flex-direction:column; gap:12px;}
.fc-list li{display:flex; align-items:center; gap:12px; color:var(--sub); font-size:.95rem;}
.fc-list li .dot{width:8px; height:8px; border-radius:50%; background:#8b5cf6; flex:none;}
.fc-list.checks li .chk{width:22px; height:22px; border-radius:50%; background:var(--green); color:#06210f; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:900; flex:none;}
.fc-list.checks li{color:#dfe4ec;}
.fc-sub{color:var(--sub); font-size:.92rem;}

/* ---------- final cta ---------- */
.final{
  text-align:center; border-radius:20px; padding:70px 30px; margin:20px 0;
  background:
    radial-gradient(80% 60% at 50% 120%, rgba(225,29,72,0.5), transparent 70%),
    linear-gradient(180deg,#0a0d15,#070a11);
  border:1px solid var(--border); position:relative; overflow:hidden;
}
.final::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,#e11d48,transparent);}
.final h2{font-size:2.6rem; font-weight:800; letter-spacing:-0.02em; margin-bottom:12px;}
.final p{color:var(--sub); margin-bottom:26px;}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--border-soft); padding:34px 0 40px; text-align:center;}
.foot-links{display:flex; gap:22px; justify-content:center; color:var(--sub); font-size:.88rem; margin-bottom:14px; flex-wrap:wrap;}
.foot-links a:hover{color:#fff;}
.foot-copy{color:var(--sub-dim); font-size:.85rem;}
.seo{max-width:680px; margin:20px auto 0; color:#4a5162; font-size:.68rem; line-height:1.7;}

/* ---------- pricing ---------- */
.page-head{text-align:center; padding:56px 0 8px;}
.page-head h1{font-size:2.4rem; font-weight:800; letter-spacing:-0.02em; margin-bottom:10px;}
.page-head p{color:var(--sub);}
.price-wrap{display:flex; justify-content:center; padding:24px 0 20px;}
.price-card{
  width:100%; max-width:420px; border-radius:20px; padding:32px 30px;
  border:1px solid var(--border); position:relative; overflow:hidden;
  background:
    radial-gradient(90% 70% at 100% 0%, rgba(225,29,72,0.28), transparent 60%),
    linear-gradient(180deg,#16090f,#0c0509);
  box-shadow:0 30px 70px -35px #000;
}
.price-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:4px;}
.price-name{font-size:1.5rem; font-weight:800; color:#fff;}
.badge-pop{font-size:.62rem; font-weight:800; letter-spacing:.08em; color:#fff;
  background:linear-gradient(135deg,#e11d48,#881337); padding:5px 10px; border-radius:999px;}
.price-sub{color:var(--sub-dim); font-size:.9rem; margin-bottom:18px;}
.price-amount{display:flex; align-items:baseline; gap:8px; margin-bottom:22px;}
.price-amount .big{font-size:3rem; font-weight:800; letter-spacing:-0.02em;}
.price-amount .per{color:var(--sub); font-weight:600;}
.price-list{list-style:none; display:flex; flex-direction:column; gap:13px; margin-bottom:24px;}
.price-list li{display:flex; align-items:center; gap:12px; color:#e7dde1; font-size:.95rem;}
.price-list li .tick{width:22px; height:22px; border-radius:50%; flex:none;
  border:2px solid var(--blue); color:var(--blue); display:flex; align-items:center; justify-content:center; font-size:.7rem; font-weight:900;}
.price-divider{height:1px; background:var(--border-soft); margin:4px 0 20px;}
.price-note{color:var(--sub-dim); font-size:.8rem; text-align:center; margin-top:14px;}

/* ---------- auth / account ---------- */
.auth-wrap{max-width:400px; margin:0 auto; padding:48px 0;}
.auth-card{
  background:linear-gradient(180deg,#16090f,#0c0509);
  border:1px solid var(--border); border-radius:18px; padding:30px 28px;
  box-shadow:0 30px 70px -35px #000;
}
.auth-card h1{font-size:1.6rem; font-weight:800; margin-bottom:6px; text-align:center;}
.auth-card .sub{color:var(--sub-dim); font-size:.9rem; text-align:center; margin-bottom:24px;}
.field{margin-bottom:16px;}
.field label{display:block; font-size:.8rem; color:var(--sub); margin-bottom:6px;}
.field input{
  width:100%; height:44px; padding:0 14px; border-radius:10px;
  background:#0c0509; border:1px solid var(--border); color:#fff; font:inherit; font-size:.95rem;
}
.field input:focus{outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(225,29,72,0.18);}
.field.pw{position:relative;}
.field.pw input{padding-right:78px;}
.pw-toggle{
  position:absolute; right:7px; bottom:7px; height:30px; padding:0 13px;
  display:flex; align-items:center; gap:6px;
  background:#1f131a; border:1px solid var(--border); border-radius:8px;
  color:var(--sub); cursor:pointer; font:inherit; font-size:.75rem; font-weight:700;
  transition:color .12s ease, border-color .12s ease, background .12s ease;
}
.pw-toggle:hover{color:#fff; border-color:var(--blue); background:#2a1720;}
.pw-toggle::before{content:""; width:7px; height:7px; border-radius:50%;
  border:1.5px solid currentColor;}
.pw-toggle.on::before{background:currentColor;}
.auth-msg{font-size:.85rem; margin:6px 0 14px; min-height:1.1em;}
.auth-msg.err{color:#ff6b6b;} .auth-msg.ok{color:#4ade80;}
.auth-alt{text-align:center; color:var(--sub-dim); font-size:.88rem; margin-top:18px;}
.auth-alt a{color:var(--sky); font-weight:600;}

.acct-row{display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:16px 0; border-bottom:1px solid var(--border-soft);}
.acct-row:last-child{border-bottom:none;}
.acct-row .k{color:var(--sub); font-size:.9rem;}
.acct-row .v{font-weight:700;}
.pill{display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px; font-size:.78rem; font-weight:700;}
.pill.on{background:rgba(34,197,94,0.15); color:#4ade80; border:1px solid rgba(34,197,94,0.4);}
.pill.off{background:#1a1016; color:var(--sub-dim); border:1px solid var(--border);}

/* ---------- dashboard ---------- */
.wrap-wide{max-width:1040px; margin:0 auto; padding:0 20px;}
.dash-hello{display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:36px 0 22px;}
.dash-hello h1{font-size:1.9rem; font-weight:800; letter-spacing:-0.01em;}
.badge-tier{display:inline-flex; align-items:center; gap:7px; padding:6px 14px; border-radius:999px;
  font-size:.78rem; font-weight:800; letter-spacing:.02em;}
.badge-tier.prem{background:linear-gradient(135deg,#e11d48,#881337); color:#fff; box-shadow:0 6px 20px -8px rgba(225,29,72,0.8);}
.badge-tier.free{background:#1f131a; color:var(--sub); border:1px solid var(--border);}
.badge-tier::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor;}

.dash{display:grid; grid-template-columns:210px 1fr; background:var(--card);
  border:1px solid var(--border); border-radius:20px; overflow:hidden; box-shadow:0 30px 70px -40px #000;}
.dash-side{border-right:1px solid var(--border-soft); padding:18px 14px; display:flex; flex-direction:column; gap:6px; min-height:340px;}
.side-item{display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px;
  color:var(--sub); font-weight:600; font-size:.92rem; cursor:pointer; border:1px solid transparent; text-align:left; background:none; font-family:inherit;}
.side-item:hover{color:#fff; background:#1a1016;}
.side-item.active{color:#fff; background:linear-gradient(135deg,rgba(225,29,72,0.22),rgba(136,19,55,0.15)); border-color:var(--border);}
.side-item .ico{width:18px; display:inline-flex; align-items:center; justify-content:center;}
.side-item .ico svg{width:17px; height:17px;}
/* crafted icon defaults */
.ic{display:inline-flex; align-items:center; justify-content:center; flex:none;}
.ic svg{width:100%; height:100%; display:block;}
.side-upsell{margin-top:auto; background:#160a10; border:1px solid var(--border); border-radius:14px; padding:16px;}
.side-upsell h4{font-size:.9rem; margin-bottom:4px;}
.side-upsell p{color:var(--sub-dim); font-size:.78rem; margin-bottom:12px;}
.side-upsell .btn{height:36px; font-size:.82rem; width:100%;}

.dash-main{padding:24px 26px;}
.dash-panel-head{display:flex; align-items:center; gap:12px; margin-bottom:20px;}
.dash-panel-head .badge{width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,rgba(225,29,72,0.3),rgba(136,19,55,0.2)); border:1px solid var(--border); color:var(--sky);}
.dash-panel-head .badge svg{width:21px; height:21px;}
.dash-panel-head h2{font-size:1.4rem; font-weight:800;}
.dash-cols{display:grid; grid-template-columns:1.1fr 1fr; gap:20px;}

.svc-list{display:flex; flex-direction:column; gap:9px;}
.svc-row{display:flex; align-items:center; gap:13px; padding:13px 15px; background:#0f0810;
  border:1px solid var(--border-soft); border-radius:13px; transition:border-color .15s ease, background .15s ease, transform .15s ease;}
.svc-row:hover{border-color:var(--border); background:#140a11; transform:translateX(2px);}
.svc-row .sico{width:36px; height:36px; border-radius:10px; flex:none; display:flex; align-items:center; justify-content:center;
  color:#fff; background:linear-gradient(140deg, var(--sc1,#e11d48), var(--sc2,#881337));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.22), 0 2px 6px -2px rgba(0,0,0,0.5);}
.svc-row .sico svg{width:19px; height:19px;}
.svc-row .sico.logo{background:#f4f4f7; padding:5px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08), 0 2px 6px -2px rgba(0,0,0,0.55);}
.svc-row .sico.logo img{width:100%; height:100%; object-fit:contain; display:block;}
.svc-row .sname{font-weight:700; font-size:.92rem;}
.svc-row .status{margin-left:auto; display:inline-flex; align-items:center; gap:7px;
  font-size:.74rem; font-weight:700; color:#4ade80; padding:5px 12px 5px 10px; border-radius:999px;
  background:rgba(34,197,94,0.10); border:1px solid rgba(34,197,94,0.28);}
.svc-row .status::before{content:""; width:7px; height:7px; border-radius:50%; background:#4ade80;
  box-shadow:0 0 0 3px rgba(74,222,128,0.18); animation:pulse-live 2.4s ease-in-out infinite;}
@keyframes pulse-live{0%,100%{box-shadow:0 0 0 3px rgba(74,222,128,0.18);}50%{box-shadow:0 0 0 5px rgba(74,222,128,0.04);}}

.access-col{display:flex; flex-direction:column; gap:11px; height:100%;}
.access-card{background:#0f0810; border:1px solid var(--border-soft); border-radius:14px; padding:15px 16px; display:flex; align-items:center; gap:13px;}
.access-card .aico{width:44px; height:44px; border-radius:12px; flex:none; display:flex; align-items:center; justify-content:center; color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.15);}
.access-card .aico.disc{background:#5865f2;}
.access-card .aico.prem{background:linear-gradient(140deg,#e11d48,#881337);}
.access-card .aico svg{width:22px; height:22px;}
.access-card .atext{flex:1; min-width:0;}
.access-card .atext b{display:block; font-size:.95rem;}
.access-card .atext span{color:var(--sub-dim); font-size:.8rem;}
.access-card .btn{flex:none; height:38px; padding:0 17px; white-space:nowrap;}
.access-fill, .access-stats{flex:1; background:#0d0709; border:1px solid var(--border-soft); border-radius:14px;
  padding:16px 17px; display:flex; flex-direction:column; gap:9px; justify-content:center;}
.access-fill .qtitle, .access-stats .qtitle{font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--sub-dim); margin-bottom:4px;}
.astat{display:flex; align-items:baseline; justify-content:space-between; gap:10px;}
.astat span{color:var(--sub-dim); font-size:.85rem;}
.astat b{font-size:1.05rem; font-weight:800; background:linear-gradient(90deg,#e11d48,#fb7185);
  -webkit-background-clip:text; background-clip:text; color:transparent;}
.qlink{display:flex; align-items:center; gap:11px; padding:9px 11px; border-radius:10px; color:#e7dde1; font-size:.9rem; font-weight:600;
  border:1px solid transparent; transition:background .12s ease, border-color .12s ease;}
.qlink:hover{background:#160a10; border-color:var(--border);}
.qlink .qic{width:17px; height:17px; color:var(--sky); flex:none;}
.qlink .qarrow{margin-left:auto; color:var(--sub-dim); width:15px; height:15px; transition:transform .12s ease;}
.qlink:hover .qarrow{transform:translateX(3px); color:var(--sky);}

.dash-lower{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:20px 0 44px; align-items:stretch;}
.promo{border-radius:18px; border:1px solid var(--border); padding:26px; position:relative; overflow:hidden;
  display:flex; flex-direction:column;}
.promo.free{background:radial-gradient(120% 100% at 100% 0%, rgba(225,29,72,0.25), #0c0509 60%);}
.promo.arcade{background:radial-gradient(120% 100% at 0% 0%, rgba(70,45,15,0.55), #0c0509 60%);}
.promo h3{font-size:1.3rem; font-weight:800; margin-bottom:6px;}
.promo p{color:var(--sub); font-size:.9rem; margin-bottom:16px;}
.promo ol{list-style:none; counter-reset:s; display:flex; flex-direction:column; gap:11px; margin-bottom:18px;}
.promo ol li{counter-increment:s; display:flex; align-items:center; gap:12px; color:#e7dde1; font-size:.9rem;}
.promo ol li::before{content:counter(s); width:24px; height:24px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:800;
  border:2px solid var(--blue); color:var(--blue);}
.promo .btn{align-self:flex-start; margin-top:auto;}
.token-chips{display:flex; gap:8px; margin:6px 0 20px; flex-wrap:wrap;}
.token-chips .tc{width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:.82rem; color:#f4d47a; background:#1a1207; border:1px solid #4a3410;}
.token-chips .tc.lit{color:#2a1c05; background:linear-gradient(140deg,#ffe08a,#e0a418); border-color:#8f6408;}

/* ---------- settings ---------- */
.settings-card{background:var(--card); border:1px solid var(--border); border-radius:18px; padding:24px 26px; margin-bottom:20px;}
.settings-card h2{font-size:1.25rem; font-weight:800; margin-bottom:8px;}
.settings-card h2.danger{color:#ff6b6b;}
.settings-card > p.desc{color:var(--sub); font-size:.9rem; margin-bottom:8px;}
.set-row{display:flex; align-items:center; gap:16px; padding:18px 0; border-top:1px solid var(--border-soft);}
.set-row:first-of-type{border-top:none;}
.set-row .info{flex:1; min-width:0;}
.set-row .info .lbl{font-weight:700; font-size:.95rem; display:flex; align-items:center; gap:8px;}
.set-row .info .val{color:var(--sub); font-size:.9rem; margin-top:4px; word-break:break-word;}
.set-row .btn-sm{flex:none; height:38px; padding:0 15px; font-size:.85rem;}
.avatar-c{width:52px; height:52px; border-radius:50%; flex:none; color:#fff; font-weight:800; font-size:1.3rem;
  display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#e11d48,#881337);}
.avatar-c svg{width:24px; height:24px;}
.eye{background:none; border:none; color:var(--sub-dim); cursor:pointer; font-size:.8rem; font-weight:700; padding:0 4px;}
.eye:hover{color:var(--sky);}
.badge-verified{font-size:.66rem; font-weight:800; color:#4ade80; background:rgba(34,197,94,0.12); border:1px solid rgba(34,197,94,0.35); padding:2px 7px; border-radius:6px;}
.badge-soon{font-size:.72rem; font-weight:700; color:var(--sub-dim); background:#1a1016; border:1px solid var(--border); padding:8px 14px; border-radius:8px; white-space:nowrap;}
.inline-edit{margin-top:14px; display:none; gap:10px; flex-wrap:wrap;}
.inline-edit.on{display:flex;}
.inline-edit input{height:40px; padding:0 12px; border-radius:9px; background:#0c0509; border:1px solid var(--border); color:#fff; font:inherit; font-size:.9rem; flex:1; min-width:150px;}
.inline-edit input:focus{outline:none; border-color:var(--blue);}
.set-msg{font-size:.82rem; margin-top:10px; min-height:1em;}
.set-msg.err{color:#ff6b6b;} .set-msg.ok{color:#4ade80;}
.btn-danger{background:#ff5d5d; color:#2a0505; border:1px solid #d94848; font-weight:700;}
.btn-danger:hover{filter:brightness(1.06);}
.sess-row{display:flex; align-items:center; gap:10px; padding:12px 0 12px 14px; border-left:2px solid var(--border); color:#e7dde1; font-size:.9rem;}
.sess-row .so{margin-left:auto; color:#ff6b6b; cursor:pointer; font-weight:700; font-size:.85rem; background:none; border:none; font-family:inherit;}

@media (max-width:820px){
  .dash{grid-template-columns:1fr;}
  .dash-side{flex-direction:row; flex-wrap:wrap; min-height:0; border-right:none; border-bottom:1px solid var(--border-soft);}
  .side-upsell{display:none;}
  .dash-cols, .dash-lower{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .hero h1{font-size:2rem;}
  .final h2{font-size:1.9rem;}
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .stat-row{grid-template-columns:1fr 1fr;}
}