:root{--bg:#0f1724;--card:#0b1220;--accent:#00b894;--danger:#ff4757;--glass:rgba(255,255,255,0.04)}
body,html{margin:0;padding:0;height:100%;font-family:Arial;background:linear-gradient(180deg,#061021 0%,#0b1220 100%);color:#e6eef6;display:flex;justify-content:center;align-items:center}
.container{width:95%;max-width:400px;display:flex;flex-direction:column;gap:12px}
.avatar{width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--glass);border:1px solid rgba(255,255,255,0.04)}
.card{padding:12px;border-radius:14px;text-align:center;cursor:pointer;background:var(--card);border:1px solid rgba(255,255,255,0.03);margin-top:8px}
.card.primary{background:var(--accent);color:#04121a;font-weight:700}
.card.danger{background:var(--danger);color:#fff}.hidden{display:none}