:root{font-family:"Segoe UI",system-ui,sans-serif;color:#20324f;background:#eef5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(360px,1.1fr)}.auth-intro{min-height:100vh;padding:44px clamp(28px,5vw,84px);display:flex;flex-direction:column;color:white;background:radial-gradient(circle at 80% 12%,#5fb9ff66,transparent 35%),linear-gradient(150deg,#073f93,#136ce7 58%,#0b9ddd)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;color:#116ce6;font-size:17px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:11px;color:#c8e3ff;margin-top:3px}.intro-copy{margin:auto 0;max-width:540px}.eyebrow{display:block;color:#93c9ff;font-size:11px;font-weight:900;letter-spacing:2px}.intro-copy h1{font-size:clamp(34px,4vw,62px);line-height:1.07;letter-spacing:-2px;margin:14px 0 20px}.intro-copy p{font-size:16px;line-height:1.7;color:#d5e9ff}.intro-foot{font-size:11px;color:#bedfff}.auth-panel{display:grid;place-items:center;padding:30px}.auth-card{width:min(100%,430px);padding:30px;background:#fff;border:1px solid #e2ebf7;border-radius:22px;box-shadow:0 22px 70px #104ba61c}.auth-card .eyebrow{color:#307cf0}.auth-card h2{font-size:29px;letter-spacing:-.7px;margin:11px 0 6px}.auth-card>p{font-size:13px;color:#71829b;line-height:1.6}.auth-card form{display:grid;gap:9px;margin-top:25px}.auth-card label{font-size:12px;font-weight:800;color:#344a69}.auth-card input{width:100%;height:45px;padding:0 13px;border:1px solid #cfddf0;border-radius:10px;outline:0;background:#fbfdff;color:#213450}.auth-card input:focus{border-color:#347fe8;box-shadow:0 0 0 3px #347fe827}.auth-card #code-wrap{display:grid;gap:8px;margin-top:9px}.auth-card #code-wrap[hidden]{display:none}.auth-card #code-wrap small{font-size:11px;color:#7e8ea5;line-height:1.5}.primary{border:0;border-radius:10px;padding:13px 15px;margin-top:14px;background:linear-gradient(100deg,#0b5ed0,#1688ef);color:#fff;font-weight:800;display:flex;justify-content:space-between;align-items:center}.primary:disabled{opacity:.55;cursor:wait}.text-button{border:0;background:none;color:#126ad8;font-weight:800;font-size:12px;padding:8px 0}.status{min-height:20px!important;margin:16px 0 0!important;color:#ba3c54!important;font-size:12px!important}.status.ok{color:#277754!important}.auth-help{display:grid;gap:5px;background:#f3f7fe;border-radius:12px;padding:14px;margin-top:24px}.auth-help strong{font-size:12px}.auth-help span{font-size:11px;line-height:1.55;color:#70839e}button:focus-visible{outline:3px solid #9cc7ff;outline-offset:2px}@media(max-width:760px){.auth-shell{display:block}.auth-intro{min-height:0;padding:20px 24px;background:linear-gradient(120deg,#0d59c1,#1689ee)}.intro-copy,.intro-foot{display:none}.auth-panel{padding:30px 17px}.auth-card{box-shadow:0 12px 42px #104ba61c;padding:24px}}