:root{color-scheme:dark;--bg:#080b12;--panel:rgba(20,27,42,.96);--text:#f4f7fb;--muted:#9facbf;--line:rgba(255,255,255,.11);--gold:#ffd15c;--accent:#6267ef}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Outfit,"Segoe UI",system-ui,sans-serif;color:var(--text);background:radial-gradient(ellipse at 15% 0%,#3c2c1c88,transparent 48%),radial-gradient(ellipse at 90% 15%,#20345977,transparent 50%),var(--bg)}
a{color:var(--gold)}button,input{font:inherit}header{max-width:1120px;margin:auto;padding:30px 24px;display:flex;align-items:center;justify-content:space-between}header a{text-decoration:none;color:var(--text)}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800}.brand img{width:36px;height:36px}header>a:last-child{font-size:14px;color:var(--muted)}
main{max-width:1050px;margin:40px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}.intro{padding-top:32px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--gold)}h1{font-size:clamp(32px,5vw,48px);line-height:1.12;margin:20px 0}h2{font-size:25px;margin:0 0 24px}p{line-height:1.7;color:var(--muted)}.privacy{margin-top:30px;border-left:2px solid var(--gold);padding-left:18px;font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:0 24px 70px #0005}
.tabs{display:flex;padding:4px;background:#080c1588;border:1px solid var(--line);border-radius:14px;margin-bottom:26px;gap:4px}.tabs button{flex:1;background:transparent;color:var(--muted);border:0;border-radius:10px;padding:11px;cursor:pointer}.tabs button[aria-selected=true]{color:var(--text);background:#303750}
label{display:block;font-size:13px;margin:20px 0 8px;color:#c8d2e3}input{width:100%;height:48px;padding:0 15px;border-radius:12px;border:1px solid #394156;background:#101622;color:var(--text);outline:none}input:focus{border-color:#9295ff;box-shadow:0 0 0 3px #6267ef33}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.primary,.secondary{display:block;width:100%;border:0;border-radius:13px;padding:14px 18px;cursor:pointer;font-weight:650;transition:background .15s}.primary{margin-top:24px;background:var(--accent);color:white}.primary:hover{background:#777bf7}.secondary{background:#2a3348;color:var(--text);margin-top:12px}.secondary:hover{background:#36415b}.link{display:block;margin:16px auto 0;border:0;background:none;color:#b6bdd0;cursor:pointer;padding:6px}.hint{font-size:12px;margin:10px 0;color:var(--muted)}#notice{border-radius:12px;background:#162b26;color:#97dfb8;padding:14px;font-size:14px;line-height:1.6;margin:16px 0}#notice.error{background:#382426;color:#ffc1b9}#notice:empty{display:none}[hidden]{display:none!important}.license{padding:18px;background:#101923;border:1px solid var(--line);border-radius:14px;margin:12px 0}.license strong{color:#91e3b2}.device{border-bottom:1px solid var(--line);padding:16px 0;display:flex;gap:12px;justify-content:space-between;align-items:center}.device small{display:block;color:var(--muted);margin-top:6px}.device button{background:#333b4d;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer}.account-email{overflow-wrap:anywhere;color:var(--text)}.status{width:8px;height:8px;border-radius:50%;display:inline-block;background:#8b93a5;margin-right:7px}.status.online{background:#13c99a}footer{max-width:1050px;margin:50px auto;padding:0 24px 30px;color:var(--muted);font-size:12px}#panel h3{margin-top:28px;font-size:16px}
@media(max-width:760px){main{grid-template-columns:1fr;gap:26px;margin-top:5px}.intro{padding:0}.intro h1{margin:14px 0}.privacy{margin-top:15px}.card{padding:25px}header{padding:22px 24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.check{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;font-weight:400}.check input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--accent)}

#marketing-settings summary{cursor:pointer;font-weight:700;padding:12px 0;color:#c5beff;}
#marketing-settings[open] summary{margin-bottom:12px;}