.login-shell{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 16% 12%,rgba(217,201,158,.24),transparent 28%),linear-gradient(145deg,var(--navy-dark),#294252 62%,#917e51)}.login-card{width:min(100%,520px);padding:30px;background:#fffffff7;border-radius:28px;box-shadow:0 24px 70px #09151d3d}.brand{display:flex;gap:16px;align-items:center}.logo{width:66px;height:66px;flex:0 0 66px;border-radius:18px;background:linear-gradient(145deg,var(--navy),#34536a);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;line-height:1.05;text-align:center}.brand h1{margin:0;font-family:Georgia,serif;font-size:clamp(1.65rem,5vw,2.25rem);font-weight:600;line-height:1.03}.brand p{margin:.45rem 0 0;color:var(--muted)}.login-intro{margin:24px -30px 22px;padding:26px 30px;background:linear-gradient(120deg,#b9a1682e,#172b3a0a);border-block:1px solid rgba(185,161,104,.25)}.login-intro strong{display:block;font-family:Georgia,serif;font-size:1.3rem;color:var(--navy);margin-bottom:6px}.login-intro span{color:#667078}.login-form{display:grid;gap:11px}.login-form label{font-weight:750}.login-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d7d9da;border-radius:14px}.login-button{margin-top:5px;border-radius:999px;background:linear-gradient(90deg,#a78e54,var(--gold))}.login-message{min-height:24px;margin:12px 0 0;color:var(--danger)}@media(max-width:620px){.login-shell{padding:14px}.login-card{padding:24px}.login-intro{margin-inline:-24px;padding-inline:24px}}