@font-face{font-family:Manrope;src:url('/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--blue:#315cff;--navy:#101527;--ink:#1b1d25;--muted:#788093}
*{box-sizing:border-box}
body{margin:0;font-family:Manrope,Arial,sans-serif;background:#f5f6fa;color:var(--ink)}
a{color:inherit;text-decoration:none}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(340px,43%) 1fr}
.login-intro{background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:52px clamp(36px,5vw,84px);position:relative;overflow:hidden}
.login-intro:before{content:"";width:480px;height:480px;border:1px solid #3a55aa55;border-radius:50%;position:absolute;right:-190px;bottom:-200px;box-shadow:0 0 0 70px #233a8040,0 0 0 145px #233a8030}
.login-logo{font-size:40px;font-weight:800;letter-spacing:-.13em;line-height:1;position:relative;align-self:flex-start}.login-logo span{color:var(--blue)}.login-logo i{font-size:11px;font-style:normal;letter-spacing:-.18em;position:absolute;top:0;right:-16px;color:var(--blue)}
.login-intro-body{position:relative}.login-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#8ba3ff}.login-intro h1{font-size:clamp(56px,5.8vw,95px);letter-spacing:-.09em;line-height:.96;margin:22px 0}.login-intro h1 em{font-style:normal;color:#6d8cff}.login-intro p{max-width:370px;font-size:15px;line-height:1.7;color:#c4cae0}.login-intro small{position:relative;color:#8892b3;font-size:12px}
.login-main{display:grid;place-items:center;padding:40px 24px}.login-card{width:min(100%,420px)}.login-card-mark{background:var(--blue);color:#fff;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:28px;letter-spacing:-.13em}.login-card-mark span{color:#bfccff}.login-card h2{font-size:clamp(32px,3vw,42px);line-height:1.08;letter-spacing:-.065em;margin:30px 0 10px}.login-subtitle{color:var(--muted);font-size:14px;margin:0 0 32px}.login-form{display:grid;gap:10px}.login-form label{font-size:12px;font-weight:800;margin-top:12px}.login-form input{height:52px;width:100%;border:1px solid #dce1ed;border-radius:10px;background:#fff;padding:0 15px;color:var(--ink);font:inherit;font-size:14px;outline:0}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315cff19}.login-form input::placeholder{color:#abb1be}.login-form button{height:54px;margin-top:16px;background:var(--blue);color:#fff;border:0;border-radius:10px;font:inherit;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 19px}.login-form button:hover{background:#244ee9}.login-form button span{font-size:22px;font-weight:400}.login-help{font-size:11px;color:#9ca3b3;line-height:1.6;margin:22px 0}.login-error{background:#fff0f1;color:#b22d41;padding:12px 14px;border-radius:9px;font-size:12px;font-weight:700}
@media(max-width:850px){.login-layout{display:block}.login-intro{min-height:250px;padding:28px}.login-intro-body{margin-top:50px}.login-intro h1{font-size:54px;margin:10px 0}.login-intro p,.login-intro small{display:none}.login-main{padding:42px 24px 70px}.login-card h2{margin-top:26px}}
.login-logo{display:block;width:190px;line-height:0}.login-logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.login-card-mark{display:block;width:58px;height:58px;border-radius:50%;background:transparent;object-fit:contain}
@media(max-width:850px){.login-logo{width:160px}}