.sv-login { min-height: 100svh; display: grid; place-items: center; padding: 40px 20px; color: #513522; font-family: "Segoe UI", Arial, sans-serif; }
.sv-login * { box-sizing: border-box; }
.sv-login-shell { width: 100%; max-width: 440px; }
.sv-login-brand { display: grid; justify-items: center; gap: 8px; margin-bottom: 30px; color: #6c101b; text-decoration: none; }
.sv-login-brand strong { font-family: Georgia, serif; font-size: 46px; font-weight: 400; line-height: 1; }
.sv-login-brand span { font-size: 10px; color: #756354; letter-spacing: .2em; text-transform: uppercase; font-weight: 700; }
.sv-login-card { padding: 32px; background: #fffaf5; border: 1px solid #dfd0c2; border-radius: 22px; box-shadow: 0 18px 48px rgba(81,53,34,.08); }
.sv-login-eyebrow { margin: 0 0 10px; font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #957961; }
.sv-login-card h1 { margin: 0; font-family: Georgia, serif; font-size: 34px; font-weight: 400; line-height: 1.15; }
.sv-login-intro { margin: 12px 0 26px; font-size: 14px; line-height: 1.6; color: #756354; }
.sv-login-field { margin-bottom: 20px; }
.sv-login-field label { margin-bottom: 8px; font-size: 14px; font-weight: 600; }
.sv-login-field input { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #cbbbad; border-radius: 10px; background: #fff; font-size: 16px; color: #513522; }
.sv-login input:focus-visible, .sv-login a:focus-visible, .sv-login button:focus-visible { outline: 2px solid #6c101b; outline-offset: 3px; }
.sv-login-remember { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0 0 16px; font-size: 14px; font-weight: 400; cursor: pointer; }
.sv-login-remember input { flex: 0 0 20px; width: 20px; height: 20px; margin: 0; padding: 0; accent-color: #6c101b; }
.sv-login-submit { width: 100%; min-height: 50px; border-radius: 10px; background: #6c101b; color: #fffaf5; font-size: 15px; font-weight: 700; }
.sv-login-submit:hover { background: #54101a; }
.sv-login-back { display: flex; justify-content: center; align-items: center; min-height: 44px; margin-top: 16px; font-size: 13px; color: #756354; text-decoration: none; }
.sv-login-back:hover { color: #6c101b; text-decoration: underline; }
.sv-login-error, .sv-login-status { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: #6c101b; }
@media (max-width: 480px) { .sv-login { padding: 28px 16px; } .sv-login-brand { margin-bottom: 24px; } .sv-login-card { padding: 24px 20px; border-radius: 18px; } }