/* Sangeet Jagat — wp-login.php in the brand look (theme 0.18.0, M8.6). Self-contained: the login screen loads no theme CSS.
   Styling only: forms, fields, Two Factor and the rate limiter work exactly as before. Light + dark (system). */
:root { --l-bg: #FAF6EF; --l-card: #FFFDF9; --l-text: #2A2119; --l-text2: #5E5246; --l-line: #E4DCC9; --l-field: #857A68; --l-pri: #6B1E23; --l-pri2: #4A1418; --l-link: #145048; --l-focus: #7A5A16; }
@media (prefers-color-scheme: dark) { :root { --l-bg: #17120F; --l-card: #221B17; --l-text: #F2EAE0; --l-text2: #C9BCAD; --l-line: #3A302A; --l-field: #8F8274; --l-pri: #E6A6A0; --l-pri2: #F2C4BF; --l-link: #8FD3C7; --l-focus: #E2C27A; } }
body.login { min-height: 100vh; background: radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--l-pri) 10%, var(--l-bg)), var(--l-bg)); color: var(--l-text);
	font: 16px/1.5 Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Devanagari", sans-serif; display: flex; flex-direction: column; justify-content: center; }
#login { width: min(420px, calc(100vw - 32px)); padding: 24px 0 32px; margin: 0 auto; }
.login h1 { margin-bottom: 18px; text-align: center; }
.login h1 a { background: none; width: auto; height: auto; margin: 0; text-indent: 0; overflow: visible; font-size: 30px; font-weight: 800; letter-spacing: -.01em; color: var(--l-pri); line-height: 1.15; }
.login h1 a::after { content: "संगीत जगत"; display: block; margin-top: 2px; font-size: 15px; font-weight: 500; color: var(--l-text2); letter-spacing: 0; }
.login form { margin-top: 0; padding: 28px 24px 24px; background: var(--l-card); border: 1px solid var(--l-line); border-radius: 20px; box-shadow: 0 10px 30px rgba(42, 33, 25, .08); }
.login form::before { content: "Welcome back"; display: block; margin: 0 0 18px; font-size: 22px; font-weight: 700; color: var(--l-text); }
.login form#lostpasswordform::before { content: "Reset your password"; }
.login form[name="validate_2fa_form"]::before, .login form#loginform.two-factor::before { content: "Two-step check"; }
.login label { color: var(--l-text); font-size: 15px; font-weight: 600; }
.login input[type="text"], .login input[type="email"], .login input[type="password"], .login input[type="tel"], .login input[type="number"] {
	width: 100%; min-height: 50px; margin: 6px 0 16px; padding: 0 14px; font-size: 17px; color: var(--l-text); background: var(--l-card);
	border: 1.5px solid var(--l-field); border-radius: 12px; box-shadow: none; }
.login .wp-pwd { position: relative; }
.login .wp-pwd .button.wp-hide-pw { min-height: 50px; min-width: 48px; top: 6px; color: var(--l-text2); }
.login .forgetmenot { float: none; margin: 0 0 16px; }
.login .forgetmenot label { font-weight: 400; }
.login input[type="checkbox"] { width: 20px; height: 20px; border-color: var(--l-field); border-radius: 5px; }
.login .submit { float: none; }
.login .button-primary, .login #wp-submit { float: none; width: 100%; min-height: 52px; padding: 0 20px; font-size: 17px; font-weight: 700; color: #fff;
	background: var(--l-pri); border: 0; border-radius: 999px; box-shadow: none; text-shadow: none; }
@media (prefers-color-scheme: dark) { .login .button-primary, .login #wp-submit { color: #17120F; } }
.login .button-primary:hover, .login .button-primary:focus, .login #wp-submit:hover { background: var(--l-pri2); }
.login .message, .login .notice, .login .success, .login #login_error { margin: 0 0 16px; padding: 12px 14px; color: var(--l-text); background: var(--l-card);
	border: 1px solid var(--l-line); border-left: 4px solid var(--l-link); border-radius: 12px; box-shadow: none; }
.login #login_error { border-left-color: #B3261E; }
.login #nav, .login #backtoblog { margin: 18px 0 0; padding: 0; text-align: center; font-size: 15px; }
.login #nav a, .login #backtoblog a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; color: var(--l-link); font-weight: 600; text-decoration: none; }
.login #nav a:hover, .login #backtoblog a:hover { text-decoration: underline; }
.login .privacy-policy-page-link { margin-top: 8px; }
.login .privacy-policy-page-link a { color: var(--l-text2); }
.login a:focus, .login input:focus, .login .button:focus, .login .button-primary:focus { outline: 3px solid var(--l-focus); outline-offset: 2px; box-shadow: none; border-color: var(--l-field); }
.login .language-switcher { display: none; }
.login .sj-consent label { font-size: 14px; line-height: 1.45; display: flex; gap: 8px; align-items: flex-start; font-weight: 400; }
.login .sj-consent input { margin-top: 3px; }
/* Two Factor plugin screens */
.login .two-factor-email-resend, .login .backup-methods-wrap { margin-top: 14px; font-size: 14px; }
.login .backup-methods-wrap a, .login .two-factor-email-resend .button { color: var(--l-link); }
.login #authcode { font-size: 22px; letter-spacing: .3em; text-align: center; }