html,body.login{min-height:100%}
body.login.hqk-neon-native-login{--mx:72%;--my:26%;position:relative;overflow-x:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);align-items:center;gap:clamp(50px,8vw,140px);min-height:100vh;padding:56px max(28px,7vw);color:#f7f8ff;background:radial-gradient(circle at 14% 16%,rgba(124,92,255,.22),transparent 36%),radial-gradient(circle at 88% 15%,rgba(37,217,255,.12),transparent 34%),linear-gradient(145deg,#050610 0%,#090b1a 56%,#050610 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.login.hqk-neon-native-login:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 530px at var(--mx) var(--my),rgba(124,92,255,.15),transparent 72%)}
.hqk-native-particles,.hqk-native-grid{position:fixed;inset:0;pointer-events:none}.hqk-native-particles{z-index:0;width:100%;height:100%}.hqk-native-grid{z-index:0;opacity:.33;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
body.login.hqk-neon-native-login #login{position:relative;z-index:4;grid-column:2;grid-row:1;width:100%;max-width:480px;margin:0;padding:0;justify-self:end}body.login.hqk-neon-native-login #login h1{display:none}
body.login.hqk-neon-native-login #loginform,body.login.hqk-neon-native-login #lostpasswordform,body.login.hqk-neon-native-login #registerform,body.login.hqk-neon-native-login #resetpassform{position:relative;overflow:hidden;margin:0;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:28px;color:#f7f8ff;background:linear-gradient(150deg,rgba(24,28,55,.94),rgba(8,10,23,.88));box-shadow:0 46px 120px rgba(0,0,0,.5),0 0 82px rgba(124,92,255,.15),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(24px)}
body.login.hqk-neon-native-login #loginform:before,body.login.hqk-neon-native-login #lostpasswordform:before,body.login.hqk-neon-native-login #registerform:before,body.login.hqk-neon-native-login #resetpassform:before{content:"ACCOUNT AUTHENTICATION";display:block;margin-bottom:5px;color:var(--hqk-login-accent-2);font-size:10px;font-weight:850;letter-spacing:.15em}
body.login.hqk-neon-native-login label{color:#b9bfd6;font-size:12px;font-weight:750}body.login.hqk-neon-native-login input[type=text],body.login.hqk-neon-native-login input[type=password],body.login.hqk-neon-native-login input[type=email]{min-height:52px;margin-top:8px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;outline:none;color:#fff;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);font-size:14px;transition:.22s}body.login.hqk-neon-native-login input:focus{border-color:var(--hqk-login-accent-2);background:rgba(37,217,255,.05);box-shadow:0 0 0 3px rgba(37,217,255,.08)}
body.login.hqk-neon-native-login .wp-pwd .button.wp-hide-pw{top:8px;right:8px;color:#8a92af}body.login.hqk-neon-native-login .forgetmenot label{color:#9da4bf}
body.login.hqk-neon-native-login .button-primary{min-height:48px;padding:0 21px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--hqk-login-accent),#5e7cff 58%,var(--hqk-login-accent-2));box-shadow:0 14px 36px rgba(91,94,255,.28);font-weight:800;text-shadow:none;transition:.24s}body.login.hqk-neon-native-login .button-primary:hover,body.login.hqk-neon-native-login .button-primary:focus{border:0;color:#fff;background:linear-gradient(135deg,var(--hqk-login-accent),#5e7cff 58%,var(--hqk-login-accent-2));box-shadow:0 19px 48px rgba(91,94,255,.38);filter:brightness(1.05);transform:translateY(-1px)}
body.login.hqk-neon-native-login #nav,body.login.hqk-neon-native-login #backtoblog,body.login.hqk-neon-native-login .privacy-policy-page-link{margin:16px 0 0;padding:0 8px;color:#858dab}body.login.hqk-neon-native-login #nav a,body.login.hqk-neon-native-login #backtoblog a,body.login.hqk-neon-native-login .privacy-policy-page-link a{color:var(--hqk-login-accent-2);text-decoration:none}
body.login.hqk-neon-native-login .language-switcher{margin-top:18px}body.login.hqk-neon-native-login .language-switcher select{min-height:42px;border:1px solid rgba(255,255,255,.11);border-radius:11px;color:#d9ddf0;background:rgba(255,255,255,.055)}
body.login.hqk-neon-native-login .message,body.login.hqk-neon-native-login #login_error,body.login.hqk-neon-native-login .success{margin:0 0 16px;border:1px solid rgba(37,217,255,.2);border-left:1px solid rgba(37,217,255,.2);border-radius:12px;color:#cbd2ec;background:rgba(37,217,255,.07);box-shadow:none}body.login.hqk-neon-native-login #login_error{border-color:rgba(255,103,126,.26);color:#ffb2bf;background:rgba(255,103,126,.08)}
.hqk-native-intro{position:relative;z-index:4;max-width:690px;grid-column:1;grid-row:1}.hqk-native-brand{margin-bottom:34px;color:#fff;font-size:14px;font-weight:850}.hqk-native-eyebrow{width:max-content;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#dce0ff;background:rgba(255,255,255,.045);font-size:10px;font-weight:850;letter-spacing:.14em}.hqk-native-eyebrow span{width:7px;height:7px;border-radius:50%;background:#70ffb3;box-shadow:0 0 18px rgba(112,255,179,.72)}.hqk-native-intro h2{margin:24px 0 0;max-width:700px;color:#fff;font-size:clamp(48px,5.7vw,82px);line-height:1;letter-spacing:-.058em}.hqk-native-intro p{max-width:570px;margin:22px 0 0;color:#979eba;font-size:17px}.hqk-native-lines{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.hqk-native-lines span{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#838ba8;background:rgba(255,255,255,.03);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}
@media(max-width:980px){body.login.hqk-neon-native-login{display:block;padding:32px 18px 48px}body.login.hqk-neon-native-login #login{max-width:520px;margin:0 auto}.hqk-native-intro{max-width:760px;margin:0 auto 44px;text-align:center}.hqk-native-eyebrow,.hqk-native-lines{margin-left:auto;margin-right:auto;justify-content:center}.hqk-native-intro p{margin-left:auto;margin-right:auto}}
@media(max-width:520px){body.login.hqk-neon-native-login{padding:22px 10px 38px}.hqk-native-intro h2{font-size:46px}body.login.hqk-neon-native-login #loginform,body.login.hqk-neon-native-login #lostpasswordform,body.login.hqk-neon-native-login #registerform,body.login.hqk-neon-native-login #resetpassform{padding:23px;border-radius:21px}}