:root{--login-blue:#2f6ccf;--login-dark:#1e3a5f;--login-bg:#eef2f7;--login-error:#d9534f}.login-wrapper-standalone{background:var(--login-bg);min-height:100vh;font-family:Arial,sans-serif}.login-header{background:var(--login-blue);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.login-header h2{margin:0;font-size:20px}.login-header a{color:#fff;background:var(--login-dark);border-radius:6px;padding:8px 12px;font-size:14px;text-decoration:none}.login-wrapper{justify-content:center;align-items:center;min-height:90vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:15px;width:100%;max-width:420px;padding:30px 25px;box-shadow:0 10px 30px #0000001a}.login-card h2{text-align:center;color:var(--login-blue);margin-bottom:15px;font-size:1.5rem}.login-error{color:var(--login-error);text-align:center;margin-bottom:10px;font-size:14px}.login-form input{border:1px solid #ccc;border-radius:8px;width:100%;margin:10px 0;padding:12px;font-family:inherit;font-size:15px}.login-form button{background:var(--login-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:16px;font-weight:600;transition:background .3s}.login-form button:hover{background:#1d4fb3}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-links{text-align:center;flex-direction:column;gap:6px;margin-top:15px;display:flex}.login-link{color:var(--login-blue);margin:0;font-size:14px;text-decoration:none;transition:opacity .2s;display:block}.login-link:hover{opacity:.8;text-decoration:underline}@media (max-width:480px){.login-header{text-align:center;flex-direction:column;gap:10px}.login-card{padding:20px}.login-card h2{font-size:1.25rem}}