:root{font-family:"Segoe UI",Arial,sans-serif;color:#242c43;background:#f5f8fd;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:3px solid #aa8cf7;outline-offset:4px}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:white;z-index:5}.skip:focus{top:16px}.login-layout{display:grid;grid-template-columns:1.65fr 1fr;min-height:100dvh}.brand-side{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:80px clamp(40px,6vw,110px);color:white;background:linear-gradient(130deg,#426eff 0%,#6259ed 50%,#a144d9 100%)}.brand-side::before,.brand-side::after{content:"";position:absolute;z-index:-1;border-radius:50%;background:#ffffff0b;width:300px;height:300px}.brand-side::before{top:-150px;left:-145px}.brand-side::after{bottom:-130px;right:-100px;width:360px;height:360px}.brand{display:inline-flex;align-items:center;gap:13px}.brand svg{width:47px;height:44px;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.brand>span{font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1.15}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.15px;margin-top:4px;color:#eeebff}.brand h1{margin:0}.brand-content h1{font-size:clamp(32px,3.1vw,49px);letter-spacing:-1.3px;line-height:1.16;font-weight:650;margin:44px 0 20px}.brand-content>p{font-size:17px;line-height:1.8;color:#edeaff;margin:0}.brand-foot{position:absolute;bottom:34px;left:clamp(40px,6vw,110px);display:flex;gap:14px;font-size:12px;color:#e5deff}.brand-foot span{opacity:.55}.form-side{display:grid;place-items:center;padding:45px 32px;background:linear-gradient(160deg,#f8faff,#f0f5fc)}.form-wrap{width:100%;max-width:370px}.login-card{background:white;border:1px solid #eef1f8;border-radius:18px;padding:34px 30px 28px;box-shadow:0 15px 45px #5974a00b}.form-heading{text-align:center;margin-bottom:28px}.form-symbol{width:38px;height:38px;margin:0 auto 17px;display:grid;place-items:center;border-radius:11px;background:#f0ebff;color:#7a54e7;font-size:24px}h2{font-size:23px;letter-spacing:-.4px;margin:0 0 9px;font-weight:650}.form-heading p{color:#8790a5;font-size:13px;line-height:1.6;margin:0}label{display:block;font-size:12px;font-weight:600;margin:0 0 8px;color:#536078}input{width:100%;min-width:0;height:46px;border:1px solid #dfe5f1;background:#fff;border-radius:8px;padding:11px 13px;font-size:14px;color:#242c43}input::placeholder{color:#a0acc1}input:focus{border-color:#8a68e9}button.primary{margin-top:15px;width:100%;height:46px;border:0;border-radius:8px;padding:0 15px;background:linear-gradient(105deg,#4767ff,#9b43df);color:white;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:14px}button.primary:hover:not(:disabled){filter:brightness(1.05)}button.primary span{font-size:17px}.privacy-note{text-align:center;font-size:11px;line-height:1.7;color:#9aa3b5;margin:23px 0 0}.footer{text-align:center;color:#9aa7be;font-size:11px;margin:20px 0 0}.error,.message{padding:11px 12px;border-radius:8px;font-size:12px;line-height:1.6;margin:16px 0 0;overflow-wrap:anywhere}.error{background:#fff2f3;color:#a33b51}.message{background:#f2effb;color:#66547e}.sent-to{font-size:13px;color:#655479;text-align:center;overflow-wrap:anywhere;margin:0 0 20px}.field-note{font-size:11px;color:#8a93a6;margin:8px 0 0}#code{letter-spacing:10px;font-size:25px;text-align:center;font-variant-numeric:tabular-nums;height:54px;padding-left:23px}.code-actions{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.code-actions button{font-size:11px;background:none;border:0;padding:5px 0;color:#7954c5}.code-actions button:disabled{color:#9ba1b3;cursor:default}.login-card[aria-busy=true]{cursor:progress}
@media(min-width:1900px){.login-layout{grid-template-columns:2fr 1fr}.form-wrap{max-width:390px}}
@media(max-width:950px){.login-layout{grid-template-columns:1.1fr 1fr}.brand-side{padding:45px 30px}.brand-content h1{font-size:34px}.brand-content>p{font-size:14px}.brand-foot{left:30px}.form-side{padding:32px 20px}.login-card{padding:28px 24px}}
@media(max-width:650px){.login-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.brand-side{padding:30px 26px 32px}.brand>span{font-size:29px}.brand svg{width:36px;height:35px}.brand small{font-size:9px}.brand-content h1{font-size:29px;margin:25px 0 12px;letter-spacing:-.6px}.brand-content>p{font-size:13px}.brand-foot{display:none}.form-side{padding:28px 20px 35px;align-items:start}.login-card{padding:26px 24px}.form-symbol{display:none}h2{font-size:22px}.form-heading{margin-bottom:23px}}