:root {
  --bg:#0b1020;
  --panel:#121935;
  --line:#283668;
  --text:#eef2ff;
  --muted:#9fb0d8;
  --brand:#6ee7ff;
  --ok:#6ef3a5;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,#080c1a,#0f1730 30%,#10193a 100%);
  color:var(--text);
}
.container{max-width:1020px;margin:0 auto;padding:20px}
.hero{border-bottom:1px solid #1d2b56;background:rgba(8,12,26,.85);backdrop-filter:blur(6px)}
.hero h1{margin:0;font-size:2rem}
.hero h1 span{color:var(--brand)}
.hero p{margin:.4rem 0 0;color:var(--muted)}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.badges span{background:#1a2550;border:1px solid #2b3f7c;border-radius:999px;padding:6px 10px;font-size:.85rem}
.grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}
.full{grid-column:1/-1}
h2{margin:0 0 12px;font-size:1.05rem}
.plans{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.plans article{border:1px solid var(--line);border-radius:12px;padding:12px;background:#101632}
.plans .premium{border-color:#2f7ed1;background:#0f1d3c}
h3{margin:0 0 8px}
ul{margin:0;padding-left:20px}
li{margin:6px 0;color:#dfe7ff}
.profile{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}
.profile img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.bio{color:#d7e0ff;margin:.3rem 0}
.locked{margin-top:8px;color:#ffd479;background:#3a2a10;border:1px solid #6f5421;border-radius:8px;padding:8px;font-size:.9rem}
.sim-row{display:flex;gap:8px;flex-wrap:wrap}
button{cursor:pointer;border:none;border-radius:10px;padding:10px 12px;background:#2d78ff;color:white;font-weight:600}
button:hover{filter:brightness(1.06)}
button.ghost{background:#1b274d}
#limitsState{color:var(--muted)}
.paywall{margin-top:8px;background:#2e1231;border:1px solid #884d8b;color:#ffb9ff;padding:10px;border-radius:8px}
.hidden{display:none}
textarea{width:100%;background:#0e1531;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:8px}
label{display:block;margin-top:10px;color:var(--muted);font-size:.9rem}
.muted{color:var(--muted);margin-top:0}
.cols{columns:2}
@media (max-width:860px){
  .grid,.plans{grid-template-columns:1fr}
  .profile{grid-template-columns:1fr}
  .profile img{width:100%;height:220px}
  .cols{columns:1}
}