body.login{background:#f7f5ef;color:#152d3b;font:18px/1.6 system-ui,sans-serif}body.login #login{width:min(480px,calc(100% - 2rem));padding:2rem 0}body.login h1 a{background:none;width:auto;height:auto;text-indent:0;font-size:32px;font-weight:750;color:#152d3b;line-height:1.4}body.login form{border:1px solid #687870;border-radius:12px;background:#fffdf8;padding:1.5rem}body.login label,body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link{font-size:18px}body.login input[type=text],body.login input[type=password],body.login input[type=email]{font-size:22px;border:2px solid #687870;min-height:52px}body.login .button-primary{background:#152d3b;border-color:#152d3b;font-size:18px;min-height:48px;padding:5px 20px;float:none;margin-top:1rem}body.login a{color:#254f40!important;text-decoration:underline}body.login a:focus-visible,body.login input:focus-visible,body.login button:focus-visible{outline:3px solid #152d3b;outline-offset:3px;box-shadow:0 0 0 5px #fffdf8}body.login .forgetmenot{float:none}body.login .forgetmenot label{display:inline-block;min-height:44px}body.login .language-switcher{padding:1rem}body.login .language-switcher select{font-size:18px;max-width:90vw}body.login .wp-hide-pw{min-width:48px;min-height:48px}body.login #nav a,body.login #backtoblog a{display:inline-block;padding:.5rem 0}body.login .message,body.login #login_error{background:#fffdf8;border-left:4px solid #254f40;font-size:18px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body.login h1 a::before{content:'';display:block;width:64px;height:74px;margin:0 auto 12px;background:url('brand-kit/icon-192.png') center/contain no-repeat}

/*
 * Keep the client sign-in usable if a host security layer replaces WordPress's
 * /wp-admin login styles with a browser-challenge response. These declarations
 * intentionally supply the essential layout rather than relying on core CSS.
 */
html{background:#f7f5ef;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body.login{margin:0;min-width:0;padding:0 1rem}
body.login #login{box-sizing:border-box;margin:0 auto}
body.login h1{margin:0 0 1.25rem;text-align:center}
body.login h1 a{display:block;margin:0 auto;text-decoration:none!important}
body.login form{box-shadow:0 4px 18px rgba(21,45,59,.10);margin:0 0 1.25rem;overflow:visible}
body.login form p{margin:0 0 1rem}
body.login form p:last-child{margin-bottom:0}
body.login label{display:block;color:#152d3b;font-weight:650;margin-bottom:.35rem}
body.login input[type=text],body.login input[type=password],body.login input[type=email]{display:block;width:100%;max-width:none;margin:.25rem 0 1rem;padding:.55rem .75rem;background:#fff;color:#152d3b;border-radius:6px;line-height:1.35}
body.login .user-pass-wrap{position:relative}
body.login .user-pass-wrap .wp-pwd{position:relative;display:block}
body.login .user-pass-wrap input.password-input{padding-right:6rem;margin-bottom:0}
body.login .wp-hide-pw{position:absolute;right:2px;bottom:2px;display:inline-flex;align-items:center;justify-content:center;width:50px;min-width:50px;padding:0;border:0;border-radius:7px;background:transparent;color:#254f40;font-size:0;cursor:pointer}
body.login .wp-hide-pw::after{content:"";display:block;width:24px;height:24px;background:center/24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23254f40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E")}
body.login .wp-hide-pw:hover{background:#e8eee9}
body.login .wp-hide-pw[aria-label*="Hide"],body.login .wp-pwd input[type="text"]~.wp-hide-pw{background:#173244;color:#fff;box-shadow:inset 0 0 0 2px #173244}
body.login .wp-hide-pw[aria-label*="Hide"]::after,body.login .wp-pwd input[type="text"]~.wp-hide-pw::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E")}
body.login .wp-hide-pw[aria-label*="Hide"]:hover,body.login .wp-pwd input[type="text"]~.wp-hide-pw:hover{background:#254f40}
body.login .wp-hide-pw .dashicons{display:none}
body.login .forgetmenot{display:block;margin:.75rem 0 0}
body.login .forgetmenot label{display:inline-flex;align-items:center;gap:.55rem;font-weight:500;margin:0}
body.login input[type=checkbox]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;width:24px;height:24px;margin:0;flex:0 0 24px;border:2px solid #526b62;border-radius:4px;background:#fff;box-shadow:none;cursor:pointer}
body.login input[type=checkbox]::before{content:"";display:block;width:6px;height:12px;margin:0 0 3px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .08s ease-in-out}
body.login input[type=checkbox]:checked{border-color:#246754;background:#246754}
body.login input[type=checkbox]:checked::before{content:"";float:none;width:6px;height:12px;margin:0 0 3px;transform:rotate(45deg) scale(1)}
body.login input[type=checkbox]:focus-visible{outline:3px solid #d99424;outline-offset:3px}
body.login .submit{clear:both;margin:0}
body.login .button-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;cursor:pointer;text-decoration:none}
body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link{box-sizing:border-box;margin:0 auto 1rem;padding:0;text-align:center;max-width:480px}
body.login .message,body.login #login_error{box-sizing:border-box;margin:0 0 1.25rem;padding:1rem 1.25rem;border-top:1px solid #687870;border-right:1px solid #687870;border-bottom:1px solid #687870}
body.login .language-switcher{margin:1rem auto;text-align:center}
body.login .language-switcher form{display:inline-flex;align-items:center;gap:.5rem;border:0;box-shadow:none;background:transparent;padding:0;margin:0}
body.login .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){body.login{padding:0 .75rem}body.login #login{width:100%;padding:1.25rem 0}body.login form{padding:1.25rem}body.login h1 a{font-size:28px}body.login .button-primary{width:100%}}

/* Calm, polished CyberGuardia presentation. */
html,body.login{min-height:100%;background:#f7f5ef}
body.login{background:radial-gradient(circle at 50% 0,rgba(126,157,137,.18),transparent 38rem),#f7f5ef}
body.login #login{padding:clamp(1.5rem,5vh,3.5rem) 0}
body.login h1{margin-bottom:1.4rem}
body.login h1 a{color:#173244!important;font-size:clamp(30px,5vw,38px);letter-spacing:-.025em;text-decoration:none!important}
body.login h1 a::before{width:70px;height:80px;margin-bottom:.75rem;filter:drop-shadow(0 4px 8px rgba(21,45,59,.14))}
body.login .message{border:1px solid #b8c6bd;border-left:6px solid #3f715c;border-radius:10px;box-shadow:0 2px 10px rgba(21,45,59,.06);line-height:1.5}
body.login .cg-login-welcome h2{color:#173244;font-size:24px;line-height:1.25;margin:0 0 .35rem}
body.login .cg-login-welcome p{margin:0}
body.login .cg-login-welcome .cg-login-help{border-top:1px solid #d5ddd7;color:#40544a;font-size:16px;margin-top:.75rem;padding-top:.7rem}
body.login .cg-login-welcome .cg-login-help a{font-weight:750;white-space:nowrap}
body.login form{border-color:#9aaca2;border-radius:16px;box-shadow:0 12px 34px rgba(21,45,59,.13);padding:1.75rem}
body.login form label{font-weight:700}
body.login input[type=text],body.login input[type=password],body.login input[type=email]{border-color:#657970;border-radius:9px;box-shadow:inset 0 1px 2px rgba(21,45,59,.06);transition:border-color .15s ease,box-shadow .15s ease}
body.login input[type=text]:focus,body.login input[type=password]:focus,body.login input[type=email]:focus{border-color:#254f40;box-shadow:0 0 0 4px rgba(63,113,92,.18)}
body.login .button-primary{width:100%;min-height:54px;border:2px solid #173244;border-radius:9px;background:#173244;font-size:20px;font-weight:750;box-shadow:0 3px 0 #0d202c;transition:background .15s ease,transform .15s ease}
body.login .button-primary:hover{background:#254f40;border-color:#254f40}
body.login .button-primary:active{transform:translateY(2px);box-shadow:0 1px 0 #0d202c}
body.login #nav{margin-top:.35rem}
body.login #nav a,body.login #backtoblog a{font-weight:650;text-underline-offset:.2em}
@media(max-width:520px){body.login #login{padding:1rem 0 1.5rem}body.login form{padding:1.25rem;border-radius:13px}body.login .message{padding:.85rem 1rem}body.login h1 a::before{width:58px;height:66px}}
@media(max-height:820px) and (min-width:521px){body.login #login{padding:1rem 0}body.login h1{margin-bottom:.75rem}body.login h1 a{font-size:32px}body.login h1 a::before{width:50px;height:58px;margin-bottom:.35rem}body.login .message{margin-bottom:.8rem;padding:.7rem 1rem}body.login .cg-login-welcome h2{font-size:21px}body.login .cg-login-welcome .cg-login-help{margin-top:.45rem;padding-top:.4rem}body.login form{padding:1.15rem 1.4rem}body.login form p{margin-bottom:.6rem}body.login input[type=text],body.login input[type=password],body.login input[type=email]{min-height:48px;margin-bottom:.6rem}body.login .button-primary{margin-top:.6rem}}

/* Shared client and owner sign-in: official horizontal brand lockup. */
body.login{background:radial-gradient(ellipse at 50% 0,#e1ece3 0,transparent 42rem),#f7f5ef}
body.login #login{width:min(480px,100%);padding:clamp(1.5rem,5vh,3rem) 0}
body.login #login h1{margin:0 0 1.5rem}
body.login #login h1 a{width:100%;max-width:460px;height:auto;aspect-ratio:950/210;background:url('brand-kit/cyberguardia-horizontal-descriptor.svg') center/contain no-repeat;text-indent:-9999px;overflow:hidden;white-space:nowrap;line-height:1;margin:0 auto;cursor:pointer}
body.login #login h1 a::before{content:none}
body.login .cg-login-welcome{background:#eaf1eb;border:1px solid #b6cbbd;border-left:5px solid #254f40;border-radius:14px;padding:1.1rem 1.25rem;box-shadow:none}
body.login .cg-login-welcome h2{font-size:25px;line-height:1.3}
body.login form{background:#fffefb;border:1px solid #b6c6bc;border-top:4px solid #254f40;border-radius:18px;box-shadow:0 14px 38px rgba(21,45,59,.1);padding:1.5rem 1.75rem}
body.login .button-primary{background:#254f40;border-color:#254f40;box-shadow:0 3px 0 #18362b}
body.login .button-primary:hover{background:#173244;border-color:#173244}
body.login a,body.login button,body.login input[type=submit]{cursor:pointer}
body.login #nav,body.login #backtoblog{line-height:1.5}
@media(max-width:520px){body.login #login{padding:1.5rem 0}body.login #login h1{margin-bottom:1.25rem}body.login form{padding:1.25rem}body.login .cg-login-welcome{padding:1rem}body.login .cg-login-welcome h2{font-size:23px}}

/* Login-only alignment for WordPress sibling controls; font-independent help icon. */
body.login #loginform .forgetmenot{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
body.login #loginform .forgetmenot>input[type=checkbox]{display:grid;margin:0;flex:0 0 24px}
body.login #loginform .forgetmenot>label{display:inline-flex;align-items:center;min-height:44px;margin:0;line-height:1.4}
body.login #loginform .forgetmenot>.wp-tooltip{display:inline-flex;align-items:center;position:relative}
body.login #loginform .forgetmenot .wp-tooltip__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#254f40;cursor:pointer;flex:none}
body.login #loginform .forgetmenot .wp-tooltip__toggle>.dashicons{display:none}
body.login #loginform .forgetmenot .wp-tooltip__toggle::before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;font:700 17px/1 system-ui,sans-serif}
body.login #loginform .forgetmenot .wp-tooltip__toggle:hover{background:#e8eee9;color:#173244}