:root{--login-navy:#0e2038;--login-navy-2:#142c4b;--login-ivory:#f1eadf;--login-gold:#c99b43;--login-text:#102038}
*{box-sizing:border-box}
html,body{min-height:100%}
body.login-page{margin:0;background:linear-gradient(145deg,var(--login-navy),#08182b 68%,var(--login-navy-2));color:#fff;font-family:Georgia,"Times New Roman",serif}
.login-wrap{min-height:100vh;width:min(1220px,92vw);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,520px);gap:8vw;align-items:center;padding:54px 0}
.login-visual{max-width:620px}.login-visual .eyebrow{display:block;color:var(--login-gold);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.login-visual h1{font-size:clamp(3.4rem,6.3vw,6.3rem);font-weight:500;line-height:.93;letter-spacing:-.055em;margin:18px 0 28px}
.login-visual p{max-width:520px;margin:0;color:#cbd7e6;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.06rem;line-height:1.65}
.login-card{padding:42px;border:1px solid rgba(255,255,255,.35);border-radius:28px;background:rgba(241,234,223,.90);color:var(--login-text);box-shadow:0 34px 90px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
.login-logo{width:210px;max-width:70%;margin-bottom:30px}
.login-card h2{font-size:2.35rem;font-weight:500;line-height:1.05;margin:0 0 28px}
.login-card form{display:grid;gap:15px}
.login-card label{display:grid;gap:7px;font-size:.92rem;font-weight:700}
.login-card input{width:100%;padding:13px 14px;border:1px solid #d2c7b7;border-radius:13px;background:rgba(255,255,255,.72);color:var(--login-text);font:inherit;outline:none}
.login-card input:focus{border-color:var(--login-gold);box-shadow:0 0 0 4px rgba(201,155,67,.16)}
.login-card .btn{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:47px;border:0;border-radius:999px;background:var(--login-navy);color:#fff;font:700 1rem Georgia,"Times New Roman",serif;cursor:pointer}
.login-card .alert{margin-bottom:16px;padding:12px;border-radius:12px;background:#f7d9dc;color:#7f1d2d}
.login-langs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px;padding:8px;border:1px solid #d7ccbc;border-radius:999px}
.login-langs a{color:var(--login-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;text-decoration:none}
@media(max-width:940px){.login-wrap{grid-template-columns:1fr;max-width:620px}.login-visual h1{font-size:clamp(3.2rem,13vw,5.3rem)}.login-card{padding:32px}}