:root{color-scheme:dark;--bg:#090b10;--card:#11151d;--border:#252b37;--text:#f4f7fb;--muted:#9ca6b7;--accent:#7c6cf2;--danger:#ef6a78}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{padding:clamp(20px,5vw,64px)}.shell{width:min(680px,100%);margin:0 auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{width:40px;height:40px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#1a2030,#12151d)}.brand span,.muted{display:block;color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:clamp(20px,4vw,32px);box-shadow:0 18px 60px rgba(0,0,0,.25);margin-bottom:18px}h1{font-size:clamp(1.55rem,5vw,2.1rem);margin:0 0 8px}form{display:grid;gap:18px;margin-top:24px}label{display:grid;gap:8px;font-weight:650;font-size:.92rem}input{width:100%;min-height:48px;border-radius:11px;border:1px solid var(--border);background:#0b0e14;color:var(--text);padding:12px 14px;font:inherit}input:focus{outline:3px solid rgba(124,108,242,.25);border-color:var(--accent)}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 16px;border:0;border-radius:11px;background:var(--accent);color:white;text-decoration:none;font:inherit;font-weight:750;cursor:pointer}.secondary{background:#202633}.card form+a{display:inline-block;margin-top:4px;padding:10px 0;color:#c8bfff}.notice{padding:14px;border:1px solid var(--border);background:#0d1118;border-radius:11px;margin:18px 0;color:var(--muted)}.identity{margin-bottom:20px}.identity h1{margin-bottom:2px}.identity span{color:var(--muted)}.setting{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.setting:first-of-type{padding-top:8px}.setting:last-of-type{border-bottom:0}.setting span,.setting small{display:block;color:var(--muted)}.setting strong{display:block;margin:5px 0}a{color:#b6adff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}@media(max-width:520px){body{padding:16px}.setting{align-items:flex-start;flex-direction:column}.setting .button{width:100%}.card{border-radius:14px;padding:20px}.actions>*{width:100%}}