:root{
  --login-bg: linear-gradient(135deg,#111a2d 0%, #1f2f55 50%, #0a84ff 100%);
  --login-card-bg: rgba(255,255,255,0.98);
  --login-text:#111111;
  --login-muted:#6b7280;
  --login-brand:#0a84ff;
}
body.login{background:var(--login-bg);background-attachment:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
body.login #login{width:100%;max-width:420px;padding:0;border:none;box-shadow:none;background:transparent;display:flex;flex-direction:column;gap:20px}
body.login #loginform,body.login #registerform,body.login #lostpasswordform{border-radius:20px;background:var(--login-card-bg);border:1px solid rgba(255,255,255,0.18);box-shadow:0 30px 60px rgba(15,23,42,0.24);padding:36px;backdrop-filter:blur(10px);order:1}
body.login #registerform,body.login #lostpasswordform{margin-top:18px}
body.login h1{margin-bottom:20px}
body.login h1 a{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Crect width='72' height='72' rx='16' fill='%230A84FF'/%3E%3Cpath d='M36 19c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17-7.611-17-17-17Zm0 4a13 13 0 1 1 0 26 13 13 0 0 1 0-26Zm0 4.8a8.2 8.2 0 1 0 0 16.4 8.2 8.2 0 0 0 0-16.4Zm0 4a4.2 4.2 0 1 1 0 8.4 4.2 4.2 0 0 1 0-8.4Z' fill='%23ffffff'/%3E%3C/svg%3E");background-size:72px;background-position:center;background-repeat:no-repeat;width:72px;height:72px;margin:0 auto;pointer-events:none}
body.login .padel-login-intro{text-align:center;color:#fff;margin-bottom:20px}
body.login .padel-login-intro h2{margin:0 0 4px;font-size:26px;font-weight:700;color:#fff}
body.login .padel-login-intro p{margin:0;font-size:14px;color:rgba(255,255,255,0.8)}
body.login .login-register-title{margin-top:4px;font-size:18px;color:var(--login-text);text-align:center;font-weight:600}
body.login .login-register-desc{margin:6px 0 18px;text-align:center;color:var(--login-muted)}
body.login #loginform label,body.login #registerform label,body.login #lostpasswordform label{font-weight:600;color:var(--login-text);margin-bottom:6px;display:block}
body.login #loginform .input,body.login #registerform .input,body.login #lostpasswordform .input{border-radius:12px;border:1px solid rgba(15,23,42,0.12);padding:12px 14px;font-size:15px;background:#f9fafb;color:var(--login-text);transition:border .2s ease,box-shadow .2s ease}
body.login #loginform .input:focus,body.login #registerform .input:focus,body.login #lostpasswordform .input:focus{border-color:var(--login-brand);box-shadow:0 0 0 4px rgba(10,132,255,0.2);outline:none;background:#fff}
body.login .forgetmenot{margin-bottom:16px}
body.login .forgetmenot label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--login-muted)}
body.login .submit .button-primary{background:var(--login-brand);border:none;border-radius:12px;padding:12px 16px;width:100%;font-size:15px;font-weight:600;box-shadow:0 10px 30px rgba(10,132,255,0.3);transition:transform .15s ease, box-shadow .15s ease}
body.login .submit .button-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(10,132,255,0.32)}
body.login .submit .button-primary:focus{outline:none;box-shadow:0 0 0 4px rgba(10,132,255,0.25)}
body.login #nav,body.login #backtoblog{margin:14px 0;text-align:center;order:3}
body.login #nav a,body.login #backtoblog a{color:#fff;font-size:13px;opacity:0.85}
body.login #nav a:hover,body.login #backtoblog a:hover{opacity:1;text-decoration:underline}
body.login .language-switcher{text-align:center;margin-top:0;order:2}
body.login .language-switcher label{display:none}
body.login .language-switcher select{border-radius:10px;border:1px solid rgba(255,255,255,0.4);padding:10px 12px;background:rgba(255,255,255,0.92);color:var(--login-text);font-size:13px;min-width:200px}
body.login .language-switcher select:focus{outline:none;border-color:var(--login-brand);box-shadow:0 0 0 3px rgba(10,132,255,0.18)}
body.login .language-switcher input.button{margin-top:12px;border:none;border-radius:10px;background:rgba(255,255,255,0.18);color:#fff;padding:8px 14px;font-size:13px;cursor:pointer;transition:background .2s ease}
body.login .language-switcher input.button:hover{background:rgba(255,255,255,0.28)}
body.login .language-switcher .dashicons{display:none}
body.login .message,body.login #login_error{border:none;border-radius:14px;padding:16px 18px;color:#0f172a;background:rgba(255,255,255,0.85);box-shadow:0 12px 30px rgba(15,23,42,0.15);margin:0 0 18px}
body.login #loginform p.submit{margin-top:20px}
body.login input[type=checkbox]{width:16px;height:16px;border-radius:4px;border:1px solid rgba(15,23,42,0.2)}
@media (max-width:640px){
  body.login{justify-content:flex-start;padding:24px 16px}
  body.login #login{max-width:100%;gap:16px}
  body.login #loginform,body.login #registerform,body.login #lostpasswordform{padding:28px}
  body.login .padel-login-intro{padding:0 4px}
  body.login .language-switcher{margin-top:auto;padding-bottom:8px}
  body.login .language-switcher select{width:100%}
  body.login .language-switcher input.button{width:100%}
  body.login #nav,body.login #backtoblog{margin-bottom:0}
}