@font-face{font-family:ConnectInter;src:url('InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
body.login{--accent:#37b9ad;--ink:#f6f7f7;--muted:#b4bcbc;min-height:100dvh;height:auto;background:#1f1e20;color:var(--ink);font-family:ConnectInter,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;padding:48px 20px;box-sizing:border-box;position:relative;isolation:isolate}
body.login:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 82% 22%,#37b9ad30,transparent 55%),radial-gradient(ellipse at 12% 80%,#87989724,transparent 50%),linear-gradient(145deg,#17191b,#1f1e20 60%,#162a29)}
body.login:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#88bcb418 1px,transparent 1px),linear-gradient(90deg,#88bcb418 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(transparent,#000)}
.login #login{width:min(420px,100%);padding:32px 34px 26px;margin:auto;box-sizing:border-box;border:1px solid #ffffff24;border-top-color:#ffffff40;border-radius:28px;background:linear-gradient(135deg,#ffffff0c,#191d20b8);box-shadow:0 26px 100px #0004,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.login h1 a{background-image:url('connectos-logo-light.webp')!important;background-size:64px 64px;width:64px;height:64px;margin:0 auto 24px;padding:0}
.connectos-login-intro{text-align:center;margin:0 0 26px}.connectos-login-label{display:block;font-size:10px;letter-spacing:2.5px;font-weight:600;color:#b6d3cf;margin-bottom:14px}.connectos-login-intro h2{color:var(--ink);font-size:25px;font-weight:450;line-height:1.25;letter-spacing:-1px;margin:0 0 10px}.connectos-login-intro p{font-size:12px;line-height:1.5;color:var(--muted)}
.login form{border:0;padding:0;margin:0;background:none;box-shadow:none;overflow:visible}.login label{font-size:12px;color:#d6dfdd;margin-bottom:8px}.login form .input,.login input[type=text],.login input[type=password],.login input[type=email]{border:1px solid #ffffff28;background:#ffffff08;color:#fff;border-radius:12px;padding:11px 13px;min-height:46px;font-size:16px;box-shadow:inset 0 1px 5px #0002;margin-bottom:20px}.login input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #37b9ad30;outline:none}.login input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #283532 inset}.login .button.wp-hide-pw{color:#b8d0cc;margin-top:4px}.login .button.wp-hide-pw:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.login input[type=checkbox]{background:#ffffff0c;border-color:#ffffff45;border-radius:5px}.login input[type=checkbox]:checked:before{filter:grayscale(1) brightness(2)}.login .forgetmenot label{font-size:11px;color:var(--muted)}.login .submit{clear:both;padding-top:20px}.login .button-primary{float:none;width:100%;min-height:45px;border-radius:12px;border:1px solid #76dcd14d;background:var(--accent);color:#102826;font-family:inherit;font-size:13px;font-weight:600;box-shadow:0 5px 20px #37b9ad14;text-shadow:none}.login .button-primary:hover,.login .button-primary:focus{background:#5dcec3;color:#0e2522;border-color:#96e4dc}.login #nav,.login #backtoblog{text-align:center;padding:0;margin:19px 0 0;font-size:11px}.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:#b7c8c5;text-decoration:none}.login a:hover{color:#70ded0!important}.login a:focus-visible,.login button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.login .privacy-policy-page-link{margin:22px 0 0}.login .message,.login .success,.login #login_error{background:#ffffff09;border-left:3px solid var(--accent);border-radius:10px;color:#e0e8e6;box-shadow:none;font-size:12px;margin:0 0 20px;padding:14px}.login #login_error{border-color:#ff7978}.login #login_error a,.login .message a{color:#72d9cf}.login .language-switcher{margin:22px auto 0;color:#ccd9d6}.login .language-switcher select{background:#242c2c;color:#e6eeeb;border:1px solid #ffffff28;border-radius:8px}.login .language-switcher .button{background:#293636;color:#e6eeeb;border:1px solid #ffffff28;border-radius:8px}.login #reg_passmail{color:var(--muted)}.login .pw-weak{color:#e6eeeb}
@media(max-width:480px){body.login{padding:24px 16px}.login #login{padding:28px 24px;border-radius:24px}.connectos-login-intro h2{font-size:23px}}@media(prefers-reduced-motion:reduce){body.login *{animation:none!important;transition:none!important}}