:root{--navy:#13233f;--ink:#17283f;--muted:#748094;--gold:#d6bc92;--page:#faf9f6;--field:#fff;--line:#dce1e8;--soft:#f0f2f5}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.65 'Plus Jakarta Sans',sans-serif}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b3976c;outline-offset:4px}.layout{display:grid;grid-template-columns:53% 47%;min-height:100dvh}.story{position:relative;overflow:hidden;background:#111f35;color:#fff;display:flex;flex-direction:column;padding:54px 64px 30px}.story:after{content:'';position:absolute;inset:0;border-right:1px solid #ffffff10;pointer-events:none}.brand{width:255px;height:auto;position:relative;z-index:2}.story-copy{position:relative;z-index:2;margin-top:clamp(65px,11vh,130px);max-width:540px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:var(--gold)}.eyebrow:before{content:'';height:1px;width:26px;background:currentColor}h1{font-size:clamp(40px,4vw,62px);line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:25px 0 23px}h1 span{color:var(--gold)}.story-copy p{font-size:14px;line-height:1.9;color:#c1ccda;max-width:365px}.office{position:absolute;inset:34% 0 0;background:linear-gradient(#111f35 0%,#111f35c9 30%,#111f355c 65%,#111f35a6 100%),url('recepcao.webp') center 50%/cover;opacity:.7}.story-bottom{position:relative;z-index:2;margin-top:auto;padding-top:130px;display:flex;align-items:center;gap:12px;color:#d1dae6;font-size:10px;letter-spacing:.04em}.story-bottom i{height:1px;background:#ffffff35;width:34px}.access{position:relative;display:flex;flex-direction:column;padding:36px 48px 24px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.back{display:inline-flex;align-items:center;gap:8px}.back:hover{color:var(--ink)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.theme{background:transparent;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;padding:8px;display:grid;place-items:center;color:var(--ink)}.form-wrap{width:100%;max-width:380px;margin:auto; padding:65px 0 55px}.mark{width:44px;height:44px;border:1px solid #d9c9b0;border-radius:13px;display:grid;place-items:center;color:#9e825a;margin-bottom:24px}.mark svg{width:21px;height:21px}.kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#9b815f;font-weight:700}h2{font-size:34px;letter-spacing:-.05em;line-height:1.2;margin:12px 0 13px;font-weight:600}.intro{font-size:13px;color:var(--muted);line-height:1.8;max-width:340px;margin:0 0 33px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.field{margin-bottom:20px}.input-wrap{position:relative}input{width:100%;height:51px;padding:0 15px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font-size:13px;outline-offset:3px}input::placeholder{color:#9aa3b1}input:focus{border-color:#9a8466}.password-input{padding-right:48px}.show{position:absolute;right:5px;top:5px;width:40px;height:40px;background:transparent;border:0;color:var(--muted);display:grid;place-items:center}.forgot{display:block;text-align:right;color:#766344;font-size:11px;margin-top:-5px;margin-bottom:25px}.submit{width:100%;height:52px;border:0;border-radius:8px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s}.submit:hover{background:#243d62}.help{display:flex;align-items:center;gap:12px;margin:29px 0 18px;color:var(--muted);font-size:10px}.help:before,.help:after{content:'';height:1px;background:var(--line);flex:1}.invite{text-align:center;font-size:11px;color:var(--muted);margin:0}.invite a{color:#88704d;font-weight:600;border-bottom:1px solid #cfbfa5;padding-bottom:3px}.status{display:none;padding:12px 14px;margin-top:18px;border-radius:7px;background:var(--soft);color:var(--ink);font-size:12px}.status.show-status{display:block}.bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.preview{display:flex;align-items:center;gap:6px}.preview:before{content:'';width:5px;height:5px;border-radius:50%;background:#b09770}:root[data-theme=dark]{color-scheme:dark;--page:#101927;--ink:#e3eaf5;--muted:#99a9be;--field:#162338;--line:#2c3b51;--soft:#1d2d43;--navy:#315884}:root[data-theme=dark] .forgot{color:#cdb58f}:root[data-theme=dark] .invite a{color:#cdb58f}.recover-actions{display:flex;justify-content:center;margin-top:22px;color:var(--muted);font-size:11px} [hidden]{display:none!important}
@media(min-width:1700px){.story{padding-left:90px}.access{padding-left:70px;padding-right:70px}.form-wrap{max-width:420px}}@media(max-width:1050px){.story{padding:38px 36px 25px}.brand{width:225px}.access{padding:30px 32px 22px}.story-copy{margin-top:100px}h1{font-size:45px}.story-copy p{font-size:13px}}@media(max-width:760px){.layout{grid-template-columns:1fr}.story{padding:30px 28px 34px}.brand{width:205px}.story-copy{margin-top:38px}.eyebrow{font-size:9px}h1{font-size:37px;margin:17px 0 0;max-width:450px}.story-copy p,.story-bottom{display:none}.office{inset:0;opacity:.2;background-position:center 45%}.access{padding:22px 28px}.topbar{font-size:10px}.form-wrap{padding:37px 0 40px}.mark{display:none}h2{font-size:31px}.intro{margin-bottom:25px}.bottom{font-size:9px}.submit{height:51px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.login-brand{width:245px;height:auto;margin-bottom:38px;filter:brightness(0) saturate(100%) invert(12%) sepia(22%) saturate(1400%) hue-rotate(177deg) brightness(95%) contrast(94%)}:root[data-theme=dark] .login-brand{filter:none}@media(max-width:760px){.story{padding-top:35px;padding-bottom:35px}.story-copy{margin-top:0}.login-brand{width:225px;margin-bottom:30px}}
.login-brand{margin-bottom:25px}.mark{margin-bottom:18px}.form-wrap{padding-top:35px;padding-bottom:35px}.denied h2{max-width:350px}.denied .submit{margin-top:28px}.denied .intro{margin-bottom:20px}.denied-note{font-size:12px;color:var(--muted);line-height:1.8}.denied .mark{color:#9e825a}@media(max-width:760px){.mark{display:grid}.login-brand{margin-bottom:25px}}

/* Login compacto: preserva a leitura e evita rolagem em telas de notebook. */
.page-login .access-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.page-login .access-heading .mark{width:34px;height:34px;margin:0;border-radius:10px;flex:none}
.page-login .access-heading .mark svg{width:17px;height:17px}
.page-login .login-brand{margin-bottom:27px}
.page-login .form-wrap{padding-top:22px;padding-bottom:22px}
.page-login h2{margin:0 0 11px;font-size:32px}
.page-login .intro{margin-bottom:24px}
.page-login .field{margin-bottom:16px}
.page-login .forgot{margin-bottom:20px}
.page-login .help{margin-top:22px;margin-bottom:14px}
@media(min-width:761px) and (max-height:800px){
.page-login .access{padding-top:22px;padding-bottom:18px}
.page-login .form-wrap{padding-top:16px;padding-bottom:16px}
.page-login .login-brand{width:220px;margin-bottom:21px}
.page-login .access-heading{margin-bottom:12px}
.page-login h2{font-size:30px;margin-bottom:8px}
.page-login .intro{margin-bottom:20px}
.page-login input{height:47px}
.page-login .show{height:37px;top:5px}
.page-login .field{margin-bottom:14px}
.page-login .forgot{margin-bottom:16px}
.page-login .submit{height:48px}
.page-login .help{margin-top:18px;margin-bottom:11px}
}
@media(max-width:760px){.page-login .access-heading{margin-bottom:15px}.page-login .form-wrap{padding-top:25px;padding-bottom:30px}}

.mark,.page-login .access-heading .mark{width:28px;height:28px;border-radius:8px}.mark svg,.page-login .access-heading .mark svg{width:14px;height:14px}.page-login .access-heading{gap:10px}

@media(min-width:761px) and (max-height:700px){.page-login .access{padding-top:16px;padding-bottom:14px}.page-login .form-wrap{padding-top:10px;padding-bottom:10px}.page-login .login-brand{width:205px;margin-bottom:16px}.page-login .access-heading{margin-bottom:10px}.page-login .intro{margin-bottom:16px}.page-login .field{margin-bottom:12px}.page-login input{height:44px}.page-login label{margin-bottom:7px}.page-login .show{height:34px}.page-login .forgot{margin-bottom:14px}.page-login .submit{height:46px}.page-login .help{margin-top:14px;margin-bottom:9px}}