.login-layout{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:70px auto;padding:0 24px}.login-card{background:#fff;padding:38px;border:1px solid #d9e1eb;border-radius:18px;box-shadow:0 10px 35px #0b203509}.login-card h1{font-size:36px;margin:12px 0}.login-card>p{color:#60758c;line-height:1.6}.login-card form{margin-top:26px}.login-card label{display:block;font-weight:700;font-size:14px;margin-bottom:9px}.login-card input{width:100%;padding:14px;border:1px solid #bac9d7;border-radius:8px;font:inherit}.login-card .primary-button{width:100%;margin-top:20px;justify-content:center}.login-note{font-size:12px;border-top:1px solid #e6ebf1;padding-top:20px;margin-top:25px}.login-mascot{position:relative}.login-mascot img{width:100%;border-radius:16px}.login-mascot .speech{position:relative;display:block;margin:0 0 16px;text-align:center;background:#0c213c;color:#fff;padding:22px}.login-actions{display:flex;justify-content:space-between;margin-top:20px;gap:12px}#login-code{font-size:28px;letter-spacing:.3em;text-align:center}.login-card .form-error{color:#a53020}.login-card [hidden]{display:none!important}@media(max-width:700px){.login-layout{grid-template-columns:1fr;margin:30px auto;gap:24px}.login-card{padding:28px}.login-mascot{max-width:300px;margin:auto}}