:root{--ink:#17233c;--muted:#6f7b91;--line:#dfe5ee;--blue:#3457d5;--blue-dark:#2743ae;--green:#13966f;--red:#c84747;--soft:#f4f6fb}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--soft)}button,input{font:inherit}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(440px,.9fr)}.auth-story{background:radial-gradient(circle at 25% 20%,rgba(90,119,235,.36),transparent 30%),radial-gradient(circle at 85% 80%,rgba(27,170,130,.18),transparent 30%),linear-gradient(145deg,#111c33,#203763);color:#fff;padding:42px clamp(38px,6vw,90px);display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 22px Manrope}.auth-brand span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#637df0,#3353d1);box-shadow:0 10px 28px rgba(71,99,220,.4)}.story-copy{margin:auto 0;max-width:660px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:#7f8da7}.story-copy .eyebrow{color:#8ea5dc}.story-copy h1{font:800 clamp(38px,5vw,66px)/1.04 Manrope;letter-spacing:-.05em;margin:15px 0 22px}.story-copy>p:last-child{font-size:16px;line-height:1.7;color:#bdc9df;max-width:600px}.trust-row{display:flex;gap:24px;flex-wrap:wrap;color:#93a5c6;font-size:10px}.trust-row span:before{content:"✓";color:#55d2ab;margin-right:6px}.auth-panel{display:grid;place-items:center;padding:36px}.auth-card{width:min(420px,100%)}.auth-card h2{font:800 31px Manrope;letter-spacing:-.03em;margin:8px 0}.auth-card>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0 0 26px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;font-size:11px;font-weight:700}.auth-card input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 13px;outline:0;color:var(--ink)}.auth-card input:focus{border-color:#7189e3;box-shadow:0 0 0 3px #e8edff}.auth-card form>button{border:0;background:var(--blue);color:#fff;padding:13px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(52,87,213,.22)}.auth-card form>button:hover{background:var(--blue-dark)}.auth-card form>button:disabled{opacity:.65;cursor:wait}.auth-link{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700;padding:14px 0;cursor:pointer}.auth-error{background:#fff0f0;color:var(--red);border:1px solid #f1c8c8;padding:9px 11px;border-radius:8px;font-size:10px!important;margin:0!important}.demo-accounts{border-top:1px solid var(--line);padding-top:18px;margin-top:12px;display:grid;gap:7px}.demo-accounts>strong{font-size:10px;color:var(--muted);margin-bottom:2px}.demo-accounts button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 10px;cursor:pointer}.demo-accounts button:hover{border-color:#9aabe5}.demo-accounts span{font-size:10px;font-weight:700}.demo-accounts code{font-size:9px;color:var(--muted)}.demo-accounts small,.auth-card form small{font-size:9px;color:var(--muted)}.reset-result{background:#eaf8f3;border:1px solid #bee7d8;padding:14px;border-radius:10px;margin:16px 0;color:#176e55}.reset-result strong{font-size:11px}.reset-result p{font-size:10px;line-height:1.5}.reset-result a{color:#176e55;font-size:10px;font-weight:800;text-decoration:none}.hidden{display:none!important}@media(max-width:820px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:280px;padding:28px}.story-copy{margin:55px 0}.story-copy h1{font-size:37px}.story-copy>p:last-child{font-size:13px}.trust-row{display:none}.auth-panel{padding:38px 22px}}