*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:"DM Sans",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.brand{min-height:100vh;padding:48px 8%;display:flex;flex-direction:column;justify-content:space-between;color:white;background:radial-gradient(circle at 90% 15%,#29436e,transparent 34%),linear-gradient(145deg,#101827,#1d3554)}.logo{font:800 20px Manrope,sans-serif;letter-spacing:.15em;display:flex;align-items:center;gap:12px}.logo b{width:38px;height:38px;border:1px solid #8ca9d3;border-radius:11px;display:grid;place-items:center;color:#dbeafe}.brand small,.form>small{font-size:11px;letter-spacing:.18em;font-weight:700;color:#8ca9d3}.brand h1{font:800 clamp(42px,5vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:18px 0}.brand h1 em{font-style:normal;color:#9ab8e7}.brand p{color:#bdc9db;max-width:390px;line-height:1.7}.brand footer{font-size:12px;color:#a9b8cc}.brand footer i{display:inline-block;width:7px;height:7px;background:#7dd3a8;border-radius:50%;margin-right:9px}.access{background:#fff;display:flex;align-items:center;justify-content:center;padding:55px 8%;position:relative}.form{width:min(100%,410px)}.form h2{font:800 32px Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0}.form>p{font-size:14px;color:#7b8495;margin:0 0 34px}.form label{display:block;font-size:13px;font-weight:700;margin:0 0 9px;color:#354158}input{width:100%;height:51px;border:1px solid #dce2eb;border-radius:10px;padding:0 15px;margin-bottom:22px;font:14px "DM Sans",sans-serif;outline:none}input:focus{border-color:#6b8fca;box-shadow:0 0 0 3px #6b8fca20}.passlabel{display:flex;justify-content:space-between;align-items:center}.link{border:0;background:none;color:#456da8;font-weight:700;font-size:12px;cursor:pointer}.primary{width:100%;height:52px;border:0;border-radius:10px;background:#19365d;color:white;font-weight:700;cursor:pointer}.primary span{font-size:18px;margin-left:10px}.primary:disabled{opacity:.6}.switch{text-align:center;color:#7b8495;font-size:13px;margin-top:27px}.switch .link{font-size:13px}.security{text-align:center;color:#9aa3b2;font-size:11px;margin-top:42px}.copyright{position:absolute;bottom:22px;color:#a0a7b3;font-size:10px}.mobile{display:none}#notice{display:none;margin-top:15px;padding:12px;border-radius:9px;font-size:13px;line-height:1.5}#notice.show{display:block}#notice.error{background:#fff1f0;color:#a32d28}#notice.success{background:#edf9f1;color:#23633a}@media(max-width:760px){.shell{grid-template-columns:1fr}.brand{display:none}.access{min-height:100vh;padding:30px 25px 65px}.mobile{display:flex;margin-bottom:48px;font-size:17px}.mobile b{width:34px;height:34px}.form h2{font-size:29px}}