:root{ --bg:#121212; --green:#1DB954; --text:#E5E7EB; --muted:#9CA3AF; --card:#181818; --border:rgba(255,255,255,.08); --shadow:0 8px 30px rgba(0,0,0,.35); }
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans;color:var(--text);
  background: radial-gradient(800px circle at 50% 160px, rgba(29,185,84,.30), transparent 60%),
              radial-gradient(1200px circle at 50% -200px, rgba(29,185,84,.14), transparent 60%), var(--bg);}
.container{max-width:880px;margin:0 auto;padding:32px 20px 64px;text-align:center}
.logo-wrap{width:112px;height:112px;margin:36px auto 16px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.18));border-radius:24px;display:grid;place-items:center;box-shadow:var(--shadow)}
.logo-wrap img{width:72px;height:72px}
h1{font-weight:800;margin:8px 0 6px;font-size:clamp(26px,3.5vw,36px)}
.subtitle{color:var(--muted);margin-bottom:26px}
.steps{margin:22px auto 28px;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.step{display:flex;gap:14px;align-items:flex-start;padding:12px 10px;border-bottom:1px dashed var(--border)}
.step:last-child{border-bottom:0}
.badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(29,185,84,.18);color:#1DB954;font-weight:700;border:1px solid rgba(29,185,84,.45);margin-right:10px}
.actions{display:flex;justify-content:center;gap:14px;margin-top:24px;flex-wrap:wrap}
.btn{padding:12px 16px;border-radius:10px;background:#1DB954;color:#0b0f0c;font-weight:800;border:0;box-shadow:0 6px 24px rgba(29,185,84,.35)}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}
.footer{margin-top:46px;color:var(--muted);font-size:13px}
.permission-card{margin-top:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0f0f0f;display:flex;gap:12px;align-items:center}
.permission-toggle{margin-left:auto;width:42px;height:24px;background:#2a2a2a;border-radius:999px;position:relative;border:1px solid var(--border)}
.permission-toggle::after{content:'';position:absolute;left:2px;top:2px;width:20px;height:20px;background:#bbb;border-radius:999px;transition:all .25s ease}
.permission-toggle.on{background:rgba(29,185,84,.35);border-color:rgba(29,185,84,.6)}
.permission-toggle.on::after{left:20px;background:#1DB954}