.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
        .auth-form{display:flex;flex-direction:column;padding:28px 40px}
        .auth-top{display:flex;justify-content:space-between;align-items:center}
        .auth-box{margin:auto;width:min(420px,100%);padding:32px 0}
        .auth-box h1{font-size:32px;margin-bottom:8px}.auth-box .sub{color:var(--muted);margin-bottom:28px}
        .pw{position:relative}.pw input{padding-right:46px}.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:8px}.pw button:hover{background:var(--bg2);color:var(--ink)}.pw svg{width:20px;height:20px;margin:auto}
        .row-between{display:flex;justify-content:space-between;align-items:center;margin:4px 0 22px;font-size:14px}
        .auth-foot{text-align:center;color:var(--muted);font-size:14px;margin-top:22px}.auth-foot a{color:var(--brand);font-weight:600}
.ws-list{display:grid;gap:10px;margin-bottom:8px}.ws-list form{margin:0}
.ws-opt{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.ws-opt:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent);transform:translateY(-1px)}
.ws-av{width:40px;height:40px;flex:none;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.ws-meta{display:grid;line-height:1.3}.ws-meta b{font-weight:600}.ws-meta small{color:var(--muted)}
.ws-opt svg{width:18px;height:18px;margin-left:auto;color:var(--muted);flex:none}
        .demo{border:1px dashed var(--line);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--muted);margin-top:22px;background:var(--bg2)}
        .caps{display:none;color:var(--warn);font-size:13px}
        .auth-side{position:relative;overflow:hidden;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#312e81,#4f46e5 45%,#7c3aed)}
        .auth-side:before,.auth-side:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.auth-side:before{width:520px;height:520px;right:-160px;top:-160px}.auth-side:after{width:360px;height:360px;left:-120px;bottom:-140px}
        .auth-side>*{position:relative;z-index:1}.auth-side h2{font-size:clamp(26px,3vw,38px);max-width:16ch}.auth-side p{opacity:.85;max-width:44ch;margin-top:14px}
        .side-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.side-list li{display:flex;gap:12px;align-items:flex-start;opacity:.95}.side-list li:before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:13px;font-weight:800}
        .side-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;backdrop-filter:blur(6px);font-size:15px}.side-card small{display:block;margin-top:10px;opacity:.8}
        @media(max-width:900px){.auth{grid-template-columns:1fr}.auth-side{display:none}.auth-form{padding:22px}}

.auth-box-wide{width:min(560px,100%)}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.auth-grid .full{grid-column:1/-1}
.auth-group{padding:18px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin:4px 0 18px}
.d-none{display:none!important}.invalid-feedback,.text-danger{font-size:13px;color:var(--bad)}
@media(max-width:560px){.auth-grid{grid-template-columns:1fr}.auth-form{padding:20px}.auth-box h1{font-size:28px}}