[hidden]{display:none!important}
.account-page{min-height:100vh;background:linear-gradient(90deg,var(--canvas) 0 52%,var(--lilac) 52% 100%)}
.account-header{height:var(--header);padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(113,69,173,.16);background:rgba(251,250,255,.9)}
.account-header .brand{width:154px}
.back-workbench{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:4px;color:var(--deep);font-size:12px;font-weight:700}
.back-workbench:hover{border-color:var(--deep);background:#fff}
.account-main{width:var(--page);min-height:calc(100vh - var(--header));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.75fr);gap:clamp(60px,9vw,150px);align-items:center;padding-block:56px}
.account-intro{min-width:0;max-width:570px}
.account-kicker{color:var(--deep);font-size:11px;font-weight:800;letter-spacing:.16em}
.account-intro h1{margin-top:20px;font-size:clamp(46px,5vw,72px);line-height:1.05;letter-spacing:-.055em}
.account-intro>p{max-width:500px;margin-top:28px;color:var(--muted);font-size:16px;line-height:1.85}
.account-status{display:flex;gap:12px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.75}
.account-status>span{flex:0 0 7px;width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--primary)}
.account-status strong{display:block;color:var(--ink);font-size:12px}
.account-panel{min-width:0;overflow:hidden;border:1px solid rgba(113,69,173,.2);border-radius:8px;background:#fff;box-shadow:0 28px 70px rgba(50,30,79,.1)}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.account-tabs button{height:58px;border:0;background:var(--canvas);color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}
.account-tabs button+button{border-left:1px solid var(--line)}
.account-tabs button[aria-selected=true]{color:var(--deep);background:#fff;box-shadow:inset 0 -2px var(--deep)}
.account-form-panel{padding:36px 40px 28px}
.form-heading>span{color:var(--deep);font-size:9px;font-weight:800;letter-spacing:.15em}
.form-heading h2{margin-top:8px;font-size:25px;font-weight:600}
.form-heading p{margin-top:4px;color:var(--muted);font-size:11px}
.account-form-panel form>label{display:block;margin:18px 0 7px;color:var(--muted);font-size:11px;font-weight:600}
.account-form-panel input[type=email],.account-form-panel input[type=password],.account-form-panel input[type=text]{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:12px;outline:none}
.account-form-panel input:focus{border-color:var(--deep);box-shadow:0 0 0 3px rgba(159,105,226,.12)}
.account-form-panel input[aria-invalid=true]{border-color:#a53b62}
.form-options{min-height:24px;margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.form-options label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}
.form-options input{accent-color:var(--deep)}
.form-options button{border:0;background:none;color:var(--deep);font-size:10px;cursor:pointer}
.account-submit{width:100%;min-height:48px;margin-top:21px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--deep);border-radius:4px;background:var(--deep);color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.account-submit:hover{background:var(--primary);border-color:var(--primary)}
.form-message{min-height:18px;margin-top:8px;color:#8f2e53;font-size:10px;line-height:1.5}
.guest-link{min-height:58px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--deep);font-size:11px;font-weight:700}
.guest-link:hover{background:var(--lilac)}
@media(max-width:900px){.account-page{background:var(--canvas)}.account-main{grid-template-columns:1fr;gap:40px;max-width:680px}.account-intro h1{font-size:50px}.account-status{margin-top:28px}}
@media(max-width:540px){.account-header{padding-inline:14px}.account-header .brand{width:126px}.back-workbench{padding-inline:11px;font-size:11px}.account-main{width:calc(100vw - 28px);padding-block:42px}.account-intro h1{font-size:40px}.account-intro>p{font-size:14px}.account-form-panel{padding:28px 22px 22px}.guest-link{padding-inline:22px}}