:root{--brand:#9900ff;--brand-dark:#7100bc;--brand-soft:#f4e9ff;--on-brand:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:linear-gradient(145deg,#f5f1fa,#f7f8fb)}.login-card{width:min(100%,460px);background:#fff;padding:32px;border:1px solid #e9e5f0;border-radius:20px;box-shadow:0 20px 70px #3022410c}.login-languages{display:flex;justify-content:flex-end;gap:4px;margin-bottom:24px}.login-languages a{padding:5px 12px;font-size:14px;border-radius:6px}.login-languages .selected{background:var(--brand-soft);color:var(--brand)}.login-symbol{height:52px;width:52px;margin-bottom:14px}.login-brand{font-size:24px;font-weight:750}.login-route{color:var(--muted);margin-top:4px}.login-card h1{font-size:22px;margin-top:30px;font-weight:700}.login-intro{color:var(--muted);margin-top:8px;font-size:15px}.login-form{display:grid;gap:9px;margin-top:26px}.login-form label{font-size:15px;font-weight:650}.login-form input,.login-form select{min-height:49px;margin-bottom:12px}.login-form button{justify-content:center;min-height:49px;margin-top:8px}.login-error{padding:12px 15px;background:#fff1f2;color:#ad2635;border-radius:8px;margin-top:20px;font-size:15px}@media(max-width:480px){.login-card{padding:24px}.login-brand{font-size:22px}}