:root{--si-blue:#0965ed;--si-deep:#071a3a;--si-muted:#61708a;--si-line:#dce4ef}
*{box-sizing:border-box}
html{background:#f7faff}
body.login{min-height:100vh;background:linear-gradient(90deg,#061b3d 0,#082958 44.5%,#f7faff 44.5%,#f7faff 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--si-deep);position:relative}
body.login:before{content:"What's your\A problem?";position:fixed;left:clamp(64px,7vw,134px);top:31%;width:31vw;color:#fff;font-size:clamp(48px,5.1vw,82px);font-weight:850;letter-spacing:-.055em;line-height:.98;white-space:pre-line;text-align:left}
body.login:after{content:"Clear next steps. Safety-first guidance.\A Trusted local professionals.";position:fixed;left:clamp(64px,7vw,134px);top:62%;width:30vw;color:#bcd4ff;font-size:18px;line-height:1.65;white-space:pre-line;text-align:left}
#login{width:min(480px,calc(55.5vw - 70px));max-width:calc(100% - 40px);padding:32px 0 25px;margin-left:72.25%;transform:translateX(-50%)}
.login>h1{text-align:left}.login h1 a{background:url("solveit-logo.png") left center/contain no-repeat!important;width:258px;height:76px;margin:0 0 18px;text-indent:-9999px;overflow:hidden;display:block;text-decoration:none}
.solveit-login-intro{margin-bottom:18px;text-align:left}.solveit-login-intro span{color:var(--si-blue);font-size:11px;font-weight:850;letter-spacing:.13em}.solveit-login-intro h1{margin:8px 0 7px;color:var(--si-deep);font-size:36px;line-height:1.08;font-weight:850;letter-spacing:-.045em;text-align:left}.solveit-login-intro p{margin:0;color:var(--si-muted);font-size:14px;line-height:1.5;text-align:left}
.solveit-auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 14px;padding:4px;border:1px solid #dce5f0;border-radius:12px;background:#edf3fa}.solveit-auth-switch span,.solveit-auth-switch a{display:flex;align-items:center;justify-content:center;min-height:39px;border-radius:9px;font-size:13px;font-weight:800;text-decoration:none}.solveit-auth-switch span{background:#fff;color:var(--si-blue);box-shadow:0 3px 10px rgba(17,49,85,.09)}.solveit-auth-switch a{color:#40536e}.solveit-auth-switch a:hover,.solveit-auth-switch a:focus{background:#e1ecfb;color:var(--si-blue)}
.login form{margin-top:0;padding:26px;background:#fff;border:1px solid var(--si-line);border-radius:20px;box-shadow:0 20px 55px rgba(19,43,79,.11)}
.login label{color:var(--si-deep);font-size:13px;font-weight:750}.login form .input,.login input[type=password],.login input[type=text]{margin:6px 0 16px;padding:11px 13px;min-height:48px;border:1px solid #c8d4e5;border-radius:11px;background:#fbfdff;color:var(--si-deep);font-size:16px;line-height:1.3;box-shadow:none}.login form .input:focus,.login input[type=password]:focus,.login input[type=text]:focus{border-color:var(--si-blue);box-shadow:0 0 0 4px rgba(9,101,237,.12)}
.wp-core-ui .button-primary{min-height:44px;padding:0 22px;border:0;border-radius:11px;background:linear-gradient(135deg,#0965ed,#0756d3);font-weight:800;text-shadow:none;box-shadow:0 9px 22px rgba(9,101,237,.25)}.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{background:#064cc2}.login .button.wp-hide-pw{color:var(--si-blue)}
.login .forgetmenot{padding-top:10px}.login input[type=checkbox]{width:18px;height:18px;border-color:#b8c7db;border-radius:5px}.login input[type=checkbox]:checked:before{margin:-1px 0 0 -2px}
#nav,#backtoblog{text-align:center}.login #nav{margin-top:18px}.login #backtoblog{margin-top:10px}.login #nav a,.login #backtoblog a{color:#435673;font-weight:650}.login #nav a:hover,.login #backtoblog a:hover{color:var(--si-blue)}
.login .message,.login .notice,.login #login_error{border:0;border-left:4px solid var(--si-blue);border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(19,43,79,.09)}.login #login_error{border-left-color:#d63638}
.language-switcher{display:none}
@media(max-width:900px){html,body.login{width:100%;max-width:100%;overflow-x:hidden}body.login{background:linear-gradient(180deg,#061b3d 0,#082958 190px,#f7faff 190px);padding:0}body.login:before{position:absolute;left:24px;top:38px;width:calc(100% - 48px);font-size:clamp(34px,10vw,46px);line-height:1.02}body.login:after{display:none}#login{width:min(460px,calc(100% - 28px));max-width:none;padding:210px 0 25px;margin:0 auto;transform:none}.login>h1{text-align:left}.login h1 a{width:220px;height:66px;margin:0 0 14px;overflow:hidden}.solveit-login-intro{background:transparent;margin:0 0 16px;padding:0}.solveit-login-intro h1{font-size:31px}.solveit-login-intro p{font-size:14px}.login form{padding:23px 20px;border-radius:18px}.login form .input,.login input[type=password],.login input[type=text]{min-height:46px;margin-bottom:14px}.wp-core-ui .button-primary{min-height:42px}.login #nav{margin-top:16px}.login #backtoblog{margin-top:9px}}
@media(max-width:480px){#login{width:calc(100% - 24px);padding-top:198px}.login form{padding:21px 17px}.login .forgetmenot{float:none;margin-bottom:14px}.login .submit{float:none}.wp-core-ui .button-primary{width:100%}body.login:before{left:20px;top:35px;width:calc(100% - 40px);font-size:37px}.solveit-login-intro h1{font-size:29px}}
@media(max-width:900px){body.login{background:linear-gradient(180deg,#061b3d 0,#082958 210px,#f7faff 210px)}body.login:before{content:"Your problem. Clear next steps.";left:22px;top:112px;width:calc(100% - 44px);color:#bcd4ff;font-size:16px;font-weight:650;letter-spacing:0;line-height:1.4}#login{padding-top:34px}.solveit-login-intro{margin-top:148px}.solveit-login-intro h1{color:var(--si-deep)}}
@media(max-width:480px){#login{padding-top:32px}.solveit-login-intro{margin-top:145px}body.login:before{left:18px;top:108px;width:calc(100% - 36px);font-size:15px}}
@media(max-width:900px){.solveit-auth-switch{margin-bottom:13px}}