:root{color:#f7f1e9;font-synthesis:none;background:#131015;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.login-page{grid-template-columns:minmax(0,7fr) minmax(390px,3fr);min-height:100dvh;display:grid}.login-banner{isolation:isolate;background:#240d36 url(/assets/cenario/balada-largo.webp) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;min-height:720px;padding:clamp(30px,4vw,66px);display:flex;position:relative;overflow:hidden}.login-banner:before{content:"";z-index:-1;background:linear-gradient(90deg,#12051ddb,#19062a29 75%),linear-gradient(#0000 40%,#10051bd9);position:absolute;inset:0}.login-banner:after{content:"";pointer-events:none;border:1px solid #ffffff38;position:absolute;inset:15px}.login-banner__top,.login-banner__bottom{z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.login-banner__brand{letter-spacing:.09em;white-space:nowrap;align-items:center;gap:12px;font-size:clamp(17px,1.55vw,23px);font-weight:900;display:flex}.login-banner__brand strong{color:#ffb638}.login-banner__brand-mark{color:#251026;background:#ffb638;border-radius:50%;place-items:center;width:36px;height:36px;font-size:28px;display:grid;box-shadow:0 0 25px #ffb638aa}.login-banner__edition,.login-banner__bottom{letter-spacing:.2em;font-size:11px;font-weight:800}.login-banner__edition{color:#fff9}.login-banner__art{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:10% 5% 0 35%}.login-banner__capybara{object-fit:contain;filter:drop-shadow(0 32px 40px #140423bb)drop-shadow(0 0 45px #fb48bc66);max-width:100%;max-height:89%;display:block;transform:rotate(-4deg)}.login-banner__copy{z-index:1;max-width:720px;margin-top:auto;margin-bottom:clamp(55px,7vw,116px);position:relative}.login-banner__live{letter-spacing:.19em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d0b2b80;border:1px solid #ffffff65;border-radius:100px;align-items:center;gap:9px;padding:9px 13px;font-size:10px;font-weight:900;display:inline-flex}.login-banner__live span{background:#ff595f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 15px #ff595f}.login-banner h2{letter-spacing:-.075em;text-shadow:0 8px 45px #1806268c;margin:28px 0 19px;font-size:clamp(65px,7.4vw,125px);font-weight:900;line-height:.87}.login-banner h2 em{color:#ffbd55;font-style:normal}.login-banner__copy p{color:#fff7;max-width:390px;margin:0;font-size:clamp(15px,1.3vw,19px);line-height:1.5}.login-banner__bottom{color:#fff9}.login-banner__bottom span:last-child{color:#ffbd55;font-size:26px}.login-panel{background:#17151a;flex-direction:column;justify-content:center;min-width:0;padding:clamp(26px,3.2vw,64px);display:flex}.login-panel__content{width:100%;max-width:430px;margin:auto}.login-panel__eyebrow{color:#eab35f;letter-spacing:.18em;justify-content:space-between;font-size:11px;font-weight:900;display:flex}.login-panel__eyebrow span{font-size:22px;line-height:.5}.login-panel h1{letter-spacing:-.055em;margin:31px 0 12px;font-size:clamp(32px,2.7vw,45px);line-height:1.04}.login-panel__intro{color:#a8a1a9;margin:0 0 39px;font-size:14px;line-height:1.6}.login-form{gap:20px;display:grid}.login-form label{color:#e7dfe7;gap:10px;font-size:13px;font-weight:700;display:grid}.login-form input{color:#fff;width:100%;height:51px;font:inherit;background:#211d23;border:1px solid #524852;border-radius:7px;outline:none;padding:0 16px;transition:border-color .2s,box-shadow .2s}.login-form input::placeholder{color:#79727c}.login-form input:focus{border-color:#ffba58;box-shadow:0 0 0 3px #ffba5828}.login-form small{color:#aaa0a9;margin-top:-12px}.login-form__feedback{color:#ffc27c;margin:0;font-size:13px;line-height:1.5}.login-form__submit{color:#21151b;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#f9b64e;border:0;border-radius:7px;justify-content:space-between;align-items:center;margin-top:8px;padding:0 19px;font-size:14px;font-weight:900;transition:background .2s,transform .2s;display:flex}.login-form__submit:hover{background:#ffca70;transform:translateY(-2px)}.login-form__submit:disabled{opacity:.65;cursor:wait;transform:none}.login-form__submit span{font-size:22px}.login-panel__nav{color:#aaa2aa;margin-top:28px;font-size:13px}.login-panel__nav p{margin:0}.login-panel__nav button{color:#f9bd65;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.login-panel__nav button:hover{text-decoration:underline}.login-panel__footer{color:#706a73;letter-spacing:.13em;text-align:center;margin:30px 0 0;font-size:9px;font-weight:800}.login-panel__footer span{color:#f9b64e;padding:0 5px}@media (width<=1050px){.login-page{grid-template-columns:minmax(0,6fr) minmax(360px,4fr)}.login-banner__art{inset:22% -12% 4% 19%}.login-banner h2{font-size:clamp(62px,7vw,85px)}}@media (width<=760px){.login-page{display:block}.login-banner{background-position:50% 38%;min-height:300px;padding:26px 30px 22px}.login-banner:after{inset:10px}.login-banner__edition,.login-banner__bottom{display:none}.login-banner__art{justify-content:flex-end;inset:15% 0 0 55%}.login-banner__capybara{max-width:100%;max-height:105%}.login-banner__copy{margin:35px 0 0}.login-banner__live{font-size:9px}.login-banner h2{margin:17px 0 0;font-size:clamp(48px,11vw,72px)}.login-banner__copy p{display:none}.login-panel{min-height:calc(100dvh - 300px);padding:34px 28px 24px}.login-panel__content{margin:auto}.login-panel h1{margin-top:24px}.login-panel__intro{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){.login-form input,.login-form__submit{transition:none}}