/* Sign-in page: an ink brand panel (logo, company name, a rotating quote) beside a quiet form on paper.
   Same typeface and tokens as the app (design.css). */
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400 700;src:url(build/instrument-sans-latin.woff2) format('woff2-variations')}
:root{--ink:#16202e;--paper:#f2f4f6;--line:#d5dce3;--muted:#5b6674;--marigold:#f2b544;--focus:#3d74d6;--panel:44vw}
body.login{background:var(--paper);color:var(--ink);font-family:'Instrument Sans','Segoe UI',system-ui,sans-serif;min-height:100vh}
.ggo-brand{position:fixed;inset:0 auto 0 0;width:var(--panel);background:var(--ink);color:#eef3f6;padding:48px 56px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}
.ggo-brand::after{content:'';position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;border:56px solid #ffffff08;pointer-events:none}
.ggo-brand-logo{width:112px;height:112px;border-radius:22px;background:#fff;display:grid;place-items:center;padding:10px;box-sizing:border-box;box-shadow:0 10px 30px #0006}
.ggo-brand-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.ggo-brand-name{margin:18px 0 0;font-size:20px;font-weight:650;letter-spacing:-.01em;color:#fff}
.ggo-brand-name span{color:var(--marigold);font-weight:550}
.ggo-quote{margin:auto 0;max-width:30ch;transition:opacity .5s ease}
.ggo-quote.fading{opacity:0}
.ggo-quote blockquote{margin:0;font-size:clamp(24px,2.5vw,36px);line-height:1.25;font-weight:550;letter-spacing:-.02em;color:#fff}
.ggo-quote blockquote::before{content:'“';display:block;font-size:64px;line-height:.6;margin-bottom:14px;color:var(--marigold)}
.ggo-quote figcaption{margin-top:18px;font-size:15px;color:#a9b8c6}
.ggo-quote figcaption:not(:empty)::before{content:'— '}
.ggo-brand-foot{margin:0;font-size:13px;color:#8fa1b3}
/* The form side */
.login #login{width:auto;margin-left:var(--panel);padding:16vh 32px 40px;box-sizing:border-box}
.login #login>*{max-width:380px;margin-left:auto!important;margin-right:auto!important}
.login h1 a{background:none!important;text-indent:0;width:auto;height:auto;margin:0 0 6px;font-size:30px;line-height:1.2;color:var(--ink);font-weight:650;letter-spacing:-.02em;text-align:left;outline:0;pointer-events:none}
.login h1{text-align:left}
.login h1::after{content:'Use your workforce account. Time logging starts only when you choose.';display:block;font-size:14.5px;font-weight:400;color:var(--muted);margin:4px 0 22px;letter-spacing:0;line-height:1.5}
.login form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 26px 22px;box-shadow:none;margin-top:0}
.login label{font-size:13.5px;font-weight:600;color:#2b3a4d}
.login form .input,.login input[type=text],.login input[type=password]{border:1px solid #c3ccd6;border-radius:9px;font-size:16px;padding:9px 12px;min-height:44px;box-shadow:none;background:#fff;color:var(--ink)}
.login form .input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #3d74d62b}
.login .wp-pwd .button.wp-hide-pw{color:var(--muted);height:44px}
.login .forgetmenot label{font-weight:500}
.login .button-primary{background:var(--ink)!important;border-color:var(--ink)!important;border-radius:9px;min-height:42px;padding:0 22px;font-size:15px;font-weight:600;box-shadow:none;text-shadow:none}
.login .button-primary:hover{background:#2b3a4d!important}
.login #nav,.login #backtoblog{padding:0;margin-top:16px}
.login #nav a{color:#2f5f9e;font-weight:550}
.login #backtoblog{display:none}
.login .message,.login .notice,.login #login_error{border-radius:10px;border-left-width:4px;box-shadow:none}
.login .privacy-policy-page-link{margin-left:var(--panel)}
.language-switcher{margin-left:var(--panel)}
.login *:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media(max-width:900px){
  :root{--panel:0px}
  .ggo-brand{position:static;width:auto;padding:24px 22px 26px;gap:0}
  .ggo-brand::after{display:none}
  .ggo-brand-logo{width:64px;height:64px;border-radius:14px;padding:6px}
  .ggo-brand-name{font-size:17px;margin-top:10px}
  .ggo-quote{margin:16px 0 0}
  .ggo-quote blockquote{font-size:19px}
  .ggo-quote blockquote::before{font-size:40px;margin-bottom:6px}
  .ggo-quote figcaption{margin-top:8px;font-size:13px}
  .ggo-brand-foot{display:none}
  .login #login{padding:28px 18px 40px}
}
@media(prefers-reduced-motion:reduce){.ggo-quote{transition:none}}