/* Shared styling for WordPress login, registration and password recovery. */
body.login{
 background-color:#f5ecff;
 background-image:radial-gradient(ellipse at 12% 12%,#e8d5fa 0,transparent 48%),radial-gradient(ellipse at 88% 80%,#eddcfa 0,transparent 48%),linear-gradient(135deg,#faf5ff,#f2e7fc);
 background-attachment:fixed;
 color:#302138;
 font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.login #login{width:min(400px,calc(100% - 32px));padding:40px 0 28px}
body.login #login h1 a{width:110px;height:90px;background-size:contain;margin-bottom:18px}
.pg-login-intro{text-align:center;margin:0 0 24px}
.pg-login-intro h2{margin:0 0 8px;color:#7132a3;font-size:25px;line-height:1.25;font-weight:750;letter-spacing:-.03em}
.pg-login-intro p{margin:0;color:#6e5a7c;font-size:14px;line-height:1.5}
body.login #loginform,body.login #registerform,body.login #lostpasswordform{margin-top:0;padding:26px 24px 28px;background:#fff;border:1px solid #e5d3f3;border-radius:18px;box-shadow:0 16px 44px rgba(88,41,120,.1)}
body.login label{color:#493551}
body.login .input,body.login input[type=text],body.login input[type=password],body.login input[type=email],body.login input[type=tel]{border-color:#cdbbdc;border-radius:8px;background:#fefcff;color:#302138}
body.login input:focus{border-color:#7132a3;box-shadow:0 0 0 2px #7132a325;outline:2px solid transparent}
body.login .pg-turnstile{width:100%;max-width:100%;margin:12px 0;overflow:hidden}
body.login .button-primary{background:#7132a3;border-color:#7132a3;border-radius:8px;min-height:38px;padding:0 18px;font-weight:600;box-shadow:none}
body.login .button-primary:hover,body.login .button-primary:active{background:#58257f;border-color:#58257f}
body.login .button-primary:focus{background:#7132a3;border-color:#7132a3;box-shadow:0 0 0 2px #fff,0 0 0 4px #7132a3}
body.login a,body.login #nav a,body.login #backtoblog a,body.login .button.wp-hide-pw{color:#7132a3}
body.login #nav a:hover,body.login #backtoblog a:hover{color:#58257f;text-decoration:underline}
body.login #nav,body.login #backtoblog{text-align:center;padding:0 8px;line-height:1.6}
body.login .message,body.login #login_error,body.login .success{border-radius:10px;background:#fff}
body.login .provider-info-content{border-color:#e5d3f3;border-radius:16px;box-shadow:0 12px 32px rgba(88,41,120,.1)}
@media(max-width:480px){body.login #login{padding-top:24px}.pg-login-intro h2{font-size:23px}body.login #loginform,body.login #registerform,body.login #lostpasswordform{padding:24px 20px}}