:root{--gold:#d7ad58;--cream:#f0e8d9;--muted:#aaa79f;--line:rgba(221,180,95,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#171a1f;color:var(--cream);font-family:Georgia,"Times New Roman",serif}button,input{font:inherit}.account-scene{position:relative;isolation:isolate;width:min(100vw,720px);min-height:100dvh;margin:auto;overflow:hidden;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#05070a;box-shadow:0 0 70px rgba(0,0,0,.68)}.account-layer{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}.account-foreground{z-index:-1;pointer-events:none}.account-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(2,5,6,.48),rgba(2,4,4,.68)),radial-gradient(circle at 50% 76%,rgba(190,96,24,.13),transparent 30%);backdrop-filter:blur(2px)}.account-panel{width:min(100%,470px);padding:clamp(22px,6vw,34px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(12,17,16,.95),rgba(5,8,8,.97));box-shadow:0 22px 65px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.035)}.account-brand{text-align:center}.account-brand span{color:var(--gold);font:750 10px/1 system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase}.account-brand h1{margin:8px 0 0;font-size:clamp(31px,8vw,44px)}.account-intro{margin:14px auto 20px;max-width:38ch;text-align:center;color:var(--muted);font:500 13px/1.5 system-ui,sans-serif}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 17px}.account-tab{min-height:43px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);color:#aaa79f;cursor:pointer;font:700 12px/1 system-ui,sans-serif}.account-tab.active{border-color:var(--line);background:rgba(65,46,19,.38);color:#f3dfb3}.account-form{display:none}.account-form.active{display:grid;gap:10px}.account-form label{color:#d5c49e;font:750 11px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.account-form input{width:100%;min-height:50px;border:1px solid rgba(220,180,96,.22);border-radius:13px;background:rgba(0,0,0,.27);color:#f0e8d9;padding:0 14px;outline:none;font:600 14px/1 system-ui,sans-serif}.account-form input:focus{border-color:rgba(239,195,101,.58);box-shadow:0 0 0 3px rgba(220,167,62,.08)}.account-form p,.recovery-result p{margin:0 0 5px;color:#92958f;font:500 11px/1.45 system-ui,sans-serif}.account-primary,.recovery-actions a{min-height:51px;border:1px solid rgba(241,197,101,.55);border-radius:14px;background:linear-gradient(180deg,rgba(63,46,20,.96),rgba(34,25,13,.98));color:#f8edd8;display:grid;place-items:center;text-decoration:none;cursor:pointer;font:800 13px/1 system-ui,sans-serif;letter-spacing:.04em}.account-primary:disabled{opacity:.5}.account-message{min-height:18px;margin:14px 0 0;text-align:center;color:#bfa96f;font:600 11px/1.4 system-ui,sans-serif}.account-message.error{color:#dda8a2}.recovery-result h2{margin:0 0 9px;font-size:21px}.recovery-result output{display:block;margin:16px 0;padding:14px 10px;border:1px solid rgba(239,195,101,.34);border-radius:12px;background:rgba(0,0,0,.3);color:#f3d999;text-align:center;overflow-wrap:anywhere;font:800 14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recovery-actions button{min-height:51px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.045);color:#ddd4c4;cursor:pointer;font:750 12px/1 system-ui,sans-serif}@media(max-width:420px){.recovery-actions{grid-template-columns:1fr}}