@font-face{font-family:Machille;src:url('Machille-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Qargeo;src:url('Qargeo-Regular.otf') format('opentype');font-weight:400;font-display:swap}
:root{--dark:#101820;--cream:#f5f1e9;--yellow:#ffcc00;--muted:#687078}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--dark);font:15px Qargeo,Arial,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button,a.button{text-transform:uppercase}a{color:inherit}.layout{min-height:100svh;display:grid;grid-template-columns:51% 49%}.brand{background:var(--dark);color:var(--cream);padding:54px clamp(35px,5.6vw,90px) 35px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand:after{content:'';width:410px;height:410px;position:absolute;border:1px solid #f5f1e915;border-radius:50%;right:-235px;top:28%;box-shadow:0 0 0 70px #f5f1e905,0 0 0 140px #f5f1e903;pointer-events:none}.brand-logo{width:220px;max-width:65%;filter:brightness(0) invert(1);display:block}.brand-copy{margin:auto 0;padding:60px 0;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:26px;height:3px;background:var(--yellow)}h1,h2{font-family:Machille,Arial,sans-serif;font-weight:700;text-transform:uppercase}h1{font-size:clamp(42px,4.5vw,70px);line-height:1.03;letter-spacing:-.8px;margin:27px 0}h1 span{color:var(--yellow)}.intro{color:#b9bec3;font-size:16px;line-height:1.75;max-width:370px;margin:24px 0 35px}.features{display:flex;flex-wrap:wrap;gap:9px}.features span{border:1px solid #ffffff24;padding:9px 13px;border-radius:5px;color:#d2d5d7;font-size:11px}.brand-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1b;padding-top:22px;color:#919ba4;font-size:11px;gap:20px}.brand-footer strong{font-weight:400;color:#e5e6e8}.access{display:flex;flex-direction:column;min-width:0;padding:36px clamp(30px,6.4vw,100px) 28px}.top{display:flex;justify-content:flex-end}.badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid #d9d4ca;border-radius:30px;padding:9px 13px;color:#6f726e}.form-area{width:100%;max-width:400px;margin:auto;padding:45px 0}.marker{width:44px;height:5px;background:var(--yellow);margin-bottom:26px}h2{font-size:38px;line-height:1.1;margin:0 0 15px}.sub{color:var(--muted);line-height:1.7;margin:0 0 32px;font-size:14px}.field{margin:21px 0}label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}input{width:100%;border:1px solid #d7d3cb;border-radius:7px;padding:15px 16px;line-height:22px;min-height:54px;background:#fffdfa;color:var(--dark);outline:none}input:focus{border-color:#927500;box-shadow:0 0 0 3px #ffcc0030}input::placeholder{color:#999a96}.password{position:relative}.password input{padding-right:96px}.show{position:absolute;right:7px;top:8px;bottom:8px;background:none;border:0;padding:0 10px;font-size:10px;letter-spacing:.6px;color:#555e65}.options{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0 27px}.check{display:flex;align-items:center;gap:9px;margin:0;font-size:12px;letter-spacing:0;text-transform:none;cursor:pointer}.check input{width:15px;height:15px;min-height:0;accent-color:var(--dark);padding:0}.forgot{border:0;background:none;padding:5px 0;font-size:10px;color:#505961;text-decoration:underline;text-underline-offset:4px;letter-spacing:.2px}.button{display:block;border:0;border-radius:7px;width:100%;padding:18px 15px;min-height:55px;background:var(--yellow);color:var(--dark);text-decoration:none;text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;transition:background .15s,transform .15s}.button:hover{background:#f0bf00;transform:translateY(-1px)}.demo-note{font-size:11px;line-height:1.65;color:#767b7d;text-align:center;max-width:330px;margin:18px auto 0}.access-footer{text-align:center;color:#888d8e;font-size:10px;letter-spacing:.3px}.notice{background:#ebe5d9;border:1px solid #ddd5c5;border-radius:7px;padding:13px 15px;font-size:12px;line-height:1.6;color:#555b5e;margin-top:18px}.notice[hidden]{display:none}button:focus-visible,a:focus-visible{outline:3px solid #a98600;outline-offset:4px}@media(min-width:1600px){.brand{padding-left:max(80px,calc((100vw - 1400px)/2))}}@media(max-width:950px){.layout{grid-template-columns:46% 54%}.brand{padding:36px 30px}.access{padding:30px}.brand-logo{width:190px;max-width:100%}h1{font-size:44px}.intro{font-size:14px}.brand-footer{flex-direction:column;align-items:start;gap:8px}.features{gap:7px}.features span{font-size:10px;padding:8px 10px}}@media(max-width:660px){.layout{display:block}.brand{padding:24px 25px 28px}.brand-logo{width:165px}.brand-copy{padding:28px 0 0}.eyebrow{font-size:9px}.brand-copy h1{font-size:33px;margin:17px 0 0;line-height:1.08}.brand-copy h1 br{display:none}.brand-copy h1 span{display:block}.intro,.features,.brand-footer{display:none}.brand:after{width:240px;height:240px;right:-120px;top:0}.access{padding:22px 25px 25px}.form-area{padding:30px 0}.top{justify-content:center}.marker{display:none}h2{font-size:30px}.sub{margin-bottom:24px}.field{margin:17px 0}.options{margin:19px 0 25px}.access-footer{padding-top:8px}}

@font-face{font-family:DoGuri;src:url('DoGuri-Script.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
h1,h2{font-family:DoGuri,Qargeo,sans-serif;font-weight:400;letter-spacing:0;line-height:1.2}h1{font-size:clamp(40px,4.1vw,64px)}h2{font-size:38px}.brand:after{width:530px;height:530px;right:-150px;top:50%;transform:translateY(-50%);border:0;border-radius:0;box-shadow:none;background:url('logo-icone.svg') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.055}.brand-logo{position:relative;z-index:1}.features{margin-top:35px}.sub,.check,.access-footer{text-transform:uppercase}.check{font-size:10px}.check input{flex-shrink:0}.options{flex-wrap:wrap;row-gap:12px}@media(max-width:950px){h1{font-size:40px}h2{font-size:34px}}@media(max-width:660px){.brand-copy h1{font-size:34px;line-height:1.2}.brand:after{width:290px;height:290px;right:-65px;top:55%}.features{display:flex;margin-top:22px;gap:6px}.features span{font-size:9px;padding:7px 8px}h2{font-size:32px}}

/* Ajustes de proporção do login */
.top{justify-content:center}
.form-area{container-type:inline-size}
.form-area h2{font-size:60px;font-size:15cqi;white-space:nowrap;line-height:1.2;margin-bottom:18px}
.form-area .sub{font-size:10px;font-size:3.3cqi;white-space:nowrap;letter-spacing:0}
.brand-copy h1{font-size:clamp(52px,5.5vw,88px);line-height:1.18}
.brand:after{width:clamp(620px,58vw,960px);height:auto;aspect-ratio:1;right:0;top:50%;transform:translate(50%,-50%)}
@media(max-width:950px) and (min-width:661px){.brand-copy h1{font-size:clamp(44px,5.3vw,52px)}}
@media(max-width:660px){.brand-copy h1{font-size:clamp(42px,8vw,54px);line-height:1.2}.brand:after{width:440px;right:0;top:50%;transform:translate(50%,-50%)}}

/* Logo menor, título mais compacto e identificação alinhada ao formulário. */
.access .top{width:100%;max-width:400px;margin-inline:auto;justify-content:flex-start}
.brand-copy h1{line-height:.95}
.brand:after{width:clamp(360px,36vw,560px)}
@media(max-width:660px){.brand-copy h1{line-height:.98}.brand:after{width:280px}}

/* O bloco de conteúdo e o ícone compartilham o centro vertical do painel. */
.brand{display:grid;grid-template-rows:1fr auto 1fr;padding-top:54px;padding-bottom:54px;row-gap:24px}
.brand-logo{grid-row:1;align-self:start}
.brand-copy{grid-row:2;margin:0;padding:0}
@media(max-width:950px){.brand{padding-top:36px;padding-bottom:36px}}
@media(max-width:660px){.brand{padding-top:24px;padding-bottom:24px;row-gap:18px}.brand-copy{padding:0}}