:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 15%, #171719, #050505 48%, #000); color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.shell { width: min(760px, calc(100% - 36px)); margin: 0 auto; padding: 72px 0; }
.brand { color: rgba(255,255,255,.62); text-decoration: none; letter-spacing: .2em; font-size: 12px; }
.card { margin-top: 28px; padding: clamp(24px,5vw,46px); background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.14); border-radius: 22px; box-shadow: 0 24px 80px rgba(0,0,0,.35); backdrop-filter: blur(16px); }
h1 { margin: 0 0 16px; font-size: clamp(30px,7vw,54px); letter-spacing: -.03em; }
h2 { margin: 34px 0 10px; font-size: 20px; }
p,li { color: rgba(255,255,255,.74); line-height: 1.7; }
a { color: #fff; }
.muted { color: rgba(255,255,255,.5); font-size: 13px; }
.actions { display: grid; gap: 12px; margin-top: 26px; }
.button { display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 18px;border:0;border-radius:12px;background:#fff;color:#080808;text-decoration:none;font-weight:700;font-size:15px;cursor:pointer; }
.button.secondary { background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22); }
.button.danger { background:#401919;color:#ffdede;border:1px solid #713232; }
.google { width:20px;height:20px;display:inline-grid;place-items:center;font-weight:800;color:#4285f4; }
label { display:block;margin:18px 0 7px;color:rgba(255,255,255,.68);font-size:13px; }
input,textarea { width:100%;padding:13px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;font:inherit; }
textarea { min-height:150px;resize:vertical; }
.row { display:flex;align-items:center;gap:12px;padding:16px 0; }
.row input { width:auto; }
.status { min-height:24px;color:#9fe8b5; }
.error { color:#ffaaa4; }
.user-list { display:grid;gap:14px;margin-top:24px; }
.user { padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:14px; }
.user strong,.user span { display:block;overflow-wrap:anywhere; }
.user span { color:rgba(255,255,255,.58);font-size:13px;margin-top:5px; }
@media(max-width:520px){.shell{padding:38px 0}.card{padding:24px}}