:root{--acct-bg: #0a0f1a;--acct-bg-glow: #1a2844;--acct-card: #f6f3ec;--acct-card-border: rgba(26, 31, 46, .08);--acct-ink: #141a28;--acct-muted: #5a6478;--acct-line: rgba(20, 26, 40, .12);--acct-accent: #2f5fd4;--acct-accent-hover: #244db3;--acct-ok: #157a47;--acct-ok-bg: rgba(21, 122, 71, .1);--acct-err: #b42318;--acct-err-bg: rgba(180, 35, 24, .08);--acct-radius: 14px}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}html:has(.account-body){overflow-x:clip}html,body.account-body{margin:0;min-height:100%}body.account-body{padding-top:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--acct-ink);background:radial-gradient(ellipse 80% 60% at 50% -10%,var(--acct-bg-glow) 0%,transparent 70%),var(--acct-bg)}.account-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(var(--app-top, var(--hdr-h, 72px)) + 28px) var(--page-gutter, 20px) calc(var(--app-bottom, 0px) + 40px)}.account-shell{width:min(100%,440px);background:var(--acct-card);border:1px solid var(--acct-card-border);border-radius:var(--acct-radius);padding:28px 28px 32px;box-shadow:0 24px 60px #00000073,0 2px #ffffffa6 inset}.account-brand{margin-bottom:24px}.account-home{display:inline-block;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--acct-muted);text-decoration:none}.account-home:hover{color:var(--acct-accent)}.account-kicker{margin:0 0 6px;font-size:var(--text-min);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acct-muted)}.account-title{margin:0 0 8px;font-size:clamp(26px,5vw,32px);font-weight:700;line-height:1.15;letter-spacing:-.02em}.account-lead{margin:0;font-size:15px;line-height:1.5;color:var(--acct-muted)}.account-status{margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.45;font-weight:500}.account-status.is-error{background:var(--acct-err-bg);color:var(--acct-err);border:1px solid rgba(180,35,24,.2)}.account-status.is-success{background:var(--acct-ok-bg);color:var(--acct-ok);border:1px solid rgba(21,122,71,.2)}.account-view{display:none}.account-view.is-active{display:block;animation:acctIn .28s ease}@keyframes acctIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.path-grid{display:grid;gap:12px}.path-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 14px;align-items:center;width:100%;padding:16px 18px;border:1px solid var(--acct-line);border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.path-card:hover{border-color:#2f5fd459;box-shadow:0 6px 18px #141a2814;transform:translateY(-1px)}.path-card--accent{background:linear-gradient(135deg,#eef3ff,#fff);border-color:#2f5fd440}.path-icon{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#141a280f;font-size:18px;font-weight:700;color:var(--acct-ink)}.path-card--accent .path-icon{background:var(--acct-accent);color:#fff}.path-label{font-size:16px;font-weight:700;color:var(--acct-ink)}.path-hint{font-size:13px;color:var(--acct-muted)}.account-form{display:flex;flex-direction:column;gap:14px}.acct-field{display:flex;flex-direction:column;gap:6px}.acct-label{font-size:13px;font-weight:600;color:var(--acct-ink)}.acct-field input{width:100%;height:46px;padding:0 14px;border:1px solid var(--acct-line);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--acct-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.acct-select{width:100%;height:46px;padding:0 14px;border:1px solid var(--acct-line);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--acct-ink);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.acct-field input:focus,.acct-select:focus{border-color:#2f5fd48c;box-shadow:0 0 0 3px #2f5fd426}.acct-select:disabled{opacity:.6;cursor:default}.acct-field input.is-invalid{border-color:#b4231880}.acct-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:var(--acct-ink)}.acct-check input{margin-top:3px;width:16px;height:16px;flex:none}.acct-check a{color:var(--acct-accent)}.acct-hint{min-height:18px;font-size:12px;font-weight:500;color:var(--acct-muted)}.acct-hint.is-ok{color:var(--acct-ok)}.acct-hint.is-err{color:var(--acct-err)}.rule-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.rule-list li{font-size:13px;color:var(--acct-muted);padding-left:22px;position:relative}.rule-list li:before{content:"○";position:absolute;left:0;font-size:12px}.rule-list li.is-met{color:var(--acct-ok)}.rule-list li.is-met:before{content:"●"}.acct-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;border:none;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s ease,opacity .15s ease,transform .1s ease}.acct-btn:disabled{opacity:.45;cursor:not-allowed}.acct-btn--primary{background:var(--acct-accent);color:#fff}.acct-btn--primary:hover:not(:disabled){background:var(--acct-accent-hover)}.acct-btn--secondary{background:#141a280f;color:var(--acct-ink);border:1px solid var(--acct-line)}.acct-btn--secondary:hover:not(:disabled){background:#141a281a}.acct-btn--ghost{background:transparent;color:var(--acct-muted)}.acct-btn--ghost:hover:not(:disabled){color:var(--acct-ink)}.acct-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.acct-link{background:none;border:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--acct-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.acct-link:hover{color:var(--acct-accent-hover)}.verify-panel,.session-panel{display:flex;flex-direction:column;gap:12px}.verify-email,.session-user{margin:0;padding:12px 14px;border-radius:10px;background:#141a280d;font-size:15px;font-weight:600;word-break:break-all}.verify-copy{margin:0;font-size:14px;color:var(--acct-muted);line-height:1.5}@media (max-width: 480px){.account-shell{padding:22px 18px 26px}.acct-row{flex-direction:column;align-items:flex-start}}