*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292337;background:#f7f5fa}main{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr}.visual{position:relative;min-height:100svh;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#140d2380 0%,#160d2030 33%,#160c22ce 100%),url('/auth/login-interior.webp?v=tech-2') center/cover;color:#fff9f1}.brand{font-size:36px;font-weight:750;letter-spacing:-2.8px;display:flex;align-items:center;gap:10px}.brand img{width:47px;filter:drop-shadow(0 3px 12px #100a2670)}.brand span{color:#c8a4ff;margin-left:-8px}small{font-size:10px;letter-spacing:2px}.visual-copy{margin-top:160px;max-width:480px}.visual-copy small{color:#e1d4ef;font-size:9px;letter-spacing:2.5px}h1{font-size:clamp(48px,4.8vw,78px);line-height:1.03;font-weight:500;letter-spacing:-4px;margin:24px 0}.visual p{max-width:350px;color:#e6dfeb;font-size:14px;line-height:1.75}.visual footer{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.5px;color:#d1c4dc;margin-top:58px}.form{display:flex;align-items:center;justify-content:center;padding:65px 45px;position:relative}.form>div{width:365px;max-width:100%;animation:arrive .7s ease both}.form-kicker{font-size:9px;color:#8b789d;letter-spacing:2.3px}h2{font-size:43px;font-weight:500;line-height:1.1;letter-spacing:-1.9px;margin:20px 0 17px}.form #intro{font-size:13px;color:#8c8393}.login-roles{display:flex;gap:5px;border:1px solid #e4ddea;border-radius:14px;padding:5px;margin:28px 0;background:#eeebf3}.login-roles button{border:0;border-radius:10px;margin:0;padding:10px 5px;font-size:10px;color:#8a7a96;background:transparent;cursor:pointer;flex:1}.login-roles button[aria-pressed=true]{background:white;color:#66438a;box-shadow:0 2px 8px #49365f10}label{display:block;margin-top:22px;font-size:11px;font-weight:600;color:#746580}input{width:100%;border:1px solid #e0d8e7;padding:15px 16px;background:#fff;border-radius:11px;font:inherit;font-size:13px;margin-top:9px;color:#352a41;transition:border-color .2s}input::placeholder{color:#b3a8bd}input:focus{border-color:#9b7ab7;outline:none;box-shadow:0 0 0 3px #a285bd10}#submit{display:flex;justify-content:space-between;align-items:center;width:100%;background:linear-gradient(110deg,#725196,#4b306d);color:white;padding:15px 18px;border:1px solid #6c4e8d;border-radius:11px;font:inherit;font-size:12px;margin-top:30px;cursor:pointer;box-shadow:0 6px 17px #55357414}button:disabled{opacity:.6;cursor:wait}.note{font-size:10px;color:#a497ae;margin-top:24px;line-height:1.7}.privacy-dot{display:inline-block;width:5px;height:5px;background:#a088bb;border-radius:50%;margin-right:6px}#error{color:#a54464;font-size:12px}.form-bottom{position:absolute;bottom:34px;font-size:7px;letter-spacing:2px;color:#b3a7bd}button:focus-visible{outline:3px solid #b99ad9;outline-offset:3px}.login-roles[hidden]{display:none}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:720px){main{grid-template-columns:1fr}.visual{min-height:300px;padding:25px}.visual-copy{margin-top:35px}.visual h1{font-size:45px;letter-spacing:-2px;margin:15px 0}.visual p,.visual footer,.visual-copy small{display:none}.brand{font-size:30px}.brand img{width:38px}.form{padding:40px 25px 70px}h2{font-size:36px}.form-bottom{bottom:25px}.login-roles{margin-top:22px}}@media(prefers-reduced-motion:reduce){.form>div{animation:none}}