:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;color:#17223b;background:#eef2f8}*{box-sizing:border-box}body{margin:0;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(430px,560px);background:#fff}.auth-brand{background:linear-gradient(145deg,#111d38,#1c315d 72%,#274689);color:#fff;padding:clamp(56px,9vw,120px);display:flex;flex-direction:column;justify-content:center}.brand-mark{width:54px;height:54px;display:grid;place-items:center;background:#5a75e8;font:700 32px Georgia;border-radius:8px;box-shadow:0 12px 34px #07112666}.eyebrow{font-size:12px;letter-spacing:2px;color:#aab9dc;margin:30px 0 12px}.auth-brand h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:0 0 26px;letter-spacing:-2px}.auth-brand>p:not(.eyebrow){color:#bdc9e2;font-size:17px;line-height:1.8;max-width:590px}.secure-note{margin-top:42px;color:#dfe7f8;font-size:14px}.secure-note span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#33b875;margin-right:8px}.auth-card{width:min(430px,calc(100vw - 38px));margin:auto;padding:45px 34px;position:relative}.view{display:none}.view.active{display:block}.auth-card h2{font-size:30px;margin:0 0 8px}.sub{color:#7c8799;margin:0 0 26px}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:#edf0f5;border-radius:10px;padding:4px;margin-bottom:26px}.role,.links button,.back,.text-button{border:0;background:transparent;cursor:pointer;color:#61708a}.role{padding:10px;border-radius:7px;font-weight:700}.role.active{background:#fff;color:#2849c8;box-shadow:0 2px 9px #17223b18}label{display:block;font-weight:650;margin:17px 0}input{width:100%;margin-top:8px;border:1px solid #cdd4df;border-radius:9px;padding:12px 13px;font:inherit;outline:none}input:focus{border-color:#5572e6;box-shadow:0 0 0 3px #5572e61c}small{display:block;color:#8a94a5;font-weight:400;font-size:11px;line-height:1.5;margin-top:6px}.primary{width:100%;border:0;border-radius:9px;background:#4865df;color:#fff;padding:13px;font-weight:700;font-size:15px;cursor:pointer;margin-top:9px}.primary:hover{background:#3b56ca}.links{display:flex;justify-content:space-between;margin-top:20px}.links button,.text-button{padding:6px 0}.back{padding:0;margin-bottom:24px}.success{text-align:center}.success-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 22px;background:#e6f8ee;color:#25a460;border-radius:50%;font-size:30px;font-weight:800}#message{min-height:20px;margin:18px 0 0;color:#c23e3e;font-size:13px;text-align:center}#message.ok{color:#268855}@media(max-width:850px){.auth-shell{display:block}.auth-brand{min-height:260px;padding:38px}.auth-brand h1{font-size:38px}.auth-brand>p:not(.eyebrow),.secure-note{display:none}.auth-card{padding:38px 24px}}