:root { --bg:#050706; --surface:#101511; --line:#263029; --text:#edf5ef; --muted:#91a097; --mint:#82e5a9; --red:#ff8c87; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 5%,rgba(130,229,169,.12),transparent 30%),var(--bg); color:var(--text); font-family:"Segoe UI",sans-serif; }
.account-shell { width:min(520px,calc(100% - 32px)); margin:auto; padding:34px 0 60px; }
header { display:flex; align-items:center; gap:12px; }
header div { display:grid; } header strong { font-size:.82rem; letter-spacing:.08em; } header small { color:var(--muted); font-size:.55rem; letter-spacing:.16em; }
.mark { width:42px; height:42px; display:grid; place-items:center; border-radius:14px 14px 14px 5px; background:var(--mint); color:#07110a; font-weight:900; }
.intro { padding:58px 4px 30px; } .intro p,.profile>p { margin:0 0 12px; color:var(--mint); font-size:.65rem; font-weight:800; letter-spacing:.14em; }
h1 { margin:0; font-size:clamp(2.7rem,12vw,4.7rem); line-height:.95; letter-spacing:-.065em; font-weight:500; } h1 em { color:var(--mint); font-style:normal; }
.intro>span { display:block; margin-top:22px; color:var(--muted); line-height:1.55; }
.account-card { padding:22px; border:1px solid var(--line); border-radius:24px; background:rgba(16,21,17,.94); box-shadow:0 24px 70px rgba(0,0,0,.3); }
.tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:4px; margin-bottom:22px; border-radius:13px; background:#080b09; }
.tabs button { padding:11px; border:0; border-radius:10px; background:transparent; color:var(--muted); font:700 .78rem inherit; cursor:pointer; }
.tabs button.active { background:#1b241e; color:var(--text); }
form { display:grid; gap:14px; } label { display:grid; gap:7px; color:var(--muted); font-size:.7rem; font-weight:700; }
input { width:100%; padding:14px; border:1px solid var(--line); border-radius:13px; outline:0; background:#090d0a; color:var(--text); font:inherit; }
input:focus { border-color:var(--mint); box-shadow:0 0 0 3px rgba(130,229,169,.1); } label small { font-weight:400; }
button { font-family:inherit; } .primary,.secondary { min-height:48px; border-radius:13px; font-weight:800; cursor:pointer; }
.primary { margin-top:4px; border:0; background:var(--mint); color:#07110a; } .secondary { width:100%; margin-top:22px; border:1px solid var(--line); background:transparent; color:var(--text); }
.text-button { border:0; padding:8px; background:transparent; color:var(--mint); font-size:.72rem; font-weight:700; cursor:pointer; }
.message { min-height:20px; margin:12px 0 0; color:var(--red); font-size:.72rem; }
.message.success { color:var(--mint); }
.providers { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-top:18px; margin-top:16px; border-top:1px solid var(--line); }
.providers span { grid-column:1/-1; color:var(--muted); font-size:.65rem; line-height:1.45; }.providers button { padding:11px; border:1px solid var(--line); border-radius:11px; background:#0a0e0b; color:#647069; }
.profile h2 { margin:0 0 6px; font-size:1.7rem; }.profile>span { color:var(--muted); }.privacy { display:grid; gap:7px; padding:16px; margin-top:24px; border:1px solid rgba(130,229,169,.17); border-radius:14px; background:rgba(130,229,169,.05); }.privacy span { color:var(--muted); font-size:.72rem; line-height:1.5; }
.eyebrow { margin:0 0 8px; color:var(--mint); font-size:.65rem; font-weight:800; letter-spacing:.14em; }
#setup-card h2,#forgot-card h2,#reset-card h2 { margin:0; font-size:1.7rem; }.setup-copy { color:var(--muted); line-height:1.5; }
.tracker-link { display:grid; place-items:center; margin-top:22px; text-decoration:none; }
[hidden] { display:none !important; }