/* Sajat, WP-login.php-tol fuggetlen belepteto oldal stilusa. */

* , *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
body.vk-login-body {
	margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
	background-color: #0b0b0d;
	background-image:
		radial-gradient(700px circle at 15% 0%, rgba(226,84,42,0.28), transparent 60%),
		radial-gradient(700px circle at 85% 100%, rgba(138,108,242,0.22), transparent 60%);
	color: #f4f4f2; font-family: "Source Sans 3", "Source Sans Pro", "Segoe UI", Roboto, Arial, sans-serif;
	padding: 20px;
}
.vk-login-wrapper { width: 100%; max-width: 420px; }
.vk-login-box { background: rgba(23,23,26,0.9); backdrop-filter: blur(10px); border: 1px solid #2c2c33; border-radius: 18px; padding: 36px; box-shadow: 0 24px 60px rgba(0,0,0,0.5); }
.vk-login-logo { display: flex; justify-content: center; margin-bottom: 20px; }
.vk-login-logo a { display: inline-flex; align-items: center; background: rgba(255,255,255,0.94); padding: 8px 16px; border-radius: 8px; }
.vk-login-logo img { height: 44px; width: auto; max-width: 100%; }
.vk-login-box h1 { text-align: center; font-size: 1.4rem; margin: 0 0 8px; }
.vk-login-lead { text-align: center; color: #b7b7bd; font-size: 0.88rem; margin-bottom: 20px; }
.vk-login-form { display: flex; flex-direction: column; gap: 6px; }
.vk-login-form label { font-size: 0.85rem; font-weight: 600; margin-top: 10px; }
.vk-login-form input[type="text"], .vk-login-form input[type="password"] {
	padding: 12px 14px; border-radius: 10px; border: 1px solid #2c2c33; background: #0b0b0d; color: #fff; font-size: 0.95rem; font-family: inherit;
}
.vk-login-form input:focus { outline: 2px solid #8a6cf2; outline-offset: 1px; }
.vk-login-remember { display: flex; align-items: center; gap: 8px; font-weight: 400 !important; margin-top: 10px; }
.vk-login-submit { margin-top: 18px; width: 100%; padding: 14px; border-radius: 999px; border: none; background: linear-gradient(135deg, #e2542a, #b53f1d); color: #fff; font-weight: 700; font-size: 1rem; box-shadow: 0 8px 20px rgba(226,84,42,0.35); }
.vk-login-submit:hover { box-shadow: 0 10px 26px rgba(226,84,42,0.5); }
.vk-login-back { display: block; text-align: center; margin-top: 20px; color: #b7b7bd; font-size: 0.85rem; text-decoration: none; }
.vk-alert-error { background: #3a1a1a; color: #ff9d92; padding: 10px 14px; border-radius: 8px; font-size: 0.88rem; margin-bottom: 12px; }