*{box-sizing:border-box}html,body{margin:0;background:#020e1c;color:#fff5de;font-family:'Open Sans',Arial,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffe575;outline-offset:4px}button{color:inherit}button:hover{filter:brightness(1.14)}.page-shell{position:relative;width:1672px;height:940px;transform-origin:top left;background:#051729 url('assets/cenario-limpo.png') center/100% 100% no-repeat;overflow:hidden}.topbar{position:absolute;inset:0 20px auto;height:110px;border-bottom:2px solid #a77818;background:linear-gradient(180deg,#0010201c,#00102035)}.brand{position:absolute;left:64px;top:15px;display:flex;align-items:center;gap:6px;text-decoration:none;color:#fff3dc;white-space:nowrap}.brand-house{width:96px;height:82px;object-fit:contain}.brand>span{font-family:Silkscreen,monospace;font-size:47px;letter-spacing:-4px;text-shadow:3px 4px #221307,0 2px #faac2d}.brand i{font-style:normal;color:#ffc655;font-size:25px;align-self:flex-end;margin:0 0 10px 1px;text-shadow:0 0 6px #fb7c12}.main-nav{position:absolute;left:612px;top:24px;display:flex;gap:5px;height:68px;align-items:center}.nav-sprite{background:transparent;border:0;padding:0;line-height:0}.nav-sprite img{display:block;height:66px;width:auto}.nav-sprite:hover,.nav-sprite:focus-visible{filter:brightness(1.25) drop-shadow(0 0 5px #a5dfff)}.menu-toggle{display:none}.panel{position:absolute;background:linear-gradient(125deg,#00101ced,#001627f7 55%,#00101df5);box-shadow:0 0 9px #0007}.frame-gold{border:2px solid transparent;border-image:url('assets/frame-gold-v2.svg') 16 / 17px / 0 stretch}.frame-blue{border:1px solid transparent;border-image:url('assets/frame-blue-v2.svg') 16 / 10px / 0 stretch}.updates{left:20px;top:132px;width:428px;height:496px;padding:17px 19px}.section-heading{display:flex;align-items:center;height:67px;border-bottom:1px solid #153b51;position:relative;gap:14px}.megaphone{width:66px;height:59px;object-fit:contain}.section-heading h1{font:700 25px/1.1 Silkscreen,monospace;letter-spacing:-1.7px;margin:0}.text-link{border:0;background:transparent;color:#ffd13b;text-decoration:underline;padding:0;font-size:16px;white-space:nowrap}.updates-heading .text-link{position:absolute;right:0;top:10px}.updates-heading h1{padding-right:95px;font-size:23px}.update-card{position:relative;display:grid;grid-template-columns:133px 1fr;gap:15px;margin-top:14px;padding-top:12px;border-top:1px solid #12354a;min-height:191px}.update-card>img{width:133px;height:135px;object-fit:fill}.update-card h2{font-size:18px;line-height:1.19;font-weight:800;margin:0 0 5px;letter-spacing:-.6px}.update-card time,.news-card time{display:block;color:#b5d9ee;font-size:16px;line-height:1.3}.update-card p{font-size:17px;line-height:1.32;color:#c9e3f5;margin:5px 0 0}.update-card:last-child{margin-top:12px;padding-top:12px}.update-card:last-child>img{height:119px}.hero{position:absolute;left:448px;top:110px;width:788px;height:630px;pointer-events:none}.welcome{position:absolute;left:307px;top:41px;width:247px;height:121px;background:url('assets/welcome-frame.svg') center/100% 100% no-repeat;transform:rotate(-7deg);display:flex;justify-content:center;text-align:center;padding-top:23px}.welcome strong{font:700 27px/1.1 Silkscreen,monospace;letter-spacing:-1.6px;text-shadow:2px 3px #061017}.welcome span{position:absolute;right:22px;top:22px;color:#ffd553;font-size:22px}.episode{position:absolute;left:429px;top:458px;width:309px;height:135px;border:0;background:url('assets/episode-frame.svg') center/100% 100% no-repeat;padding:52px 5px 9px;pointer-events:auto;text-align:center;color:#ffe254;text-shadow:0 0 8px #ff890a}.episode small{display:block;font-size:18px;font-weight:800;letter-spacing:3px;line-height:1.2}.episode strong{font-family:Georgia,serif;display:block;font-size:36px;line-height:1.15;letter-spacing:-1.8px}.right-rail{display:contents}.login{left:1234px;top:120px;width:420px;height:508px;padding:11px 25px 14px}.login-title{height:85px;display:flex;align-items:center;gap:12px}.login-title>img{width:96px;height:83px;object-fit:contain}.login-title h2{font:700 30px/1.02 Silkscreen,monospace;letter-spacing:-2px;margin:0}.auth-tabs{display:flex;gap:6px;margin:2px 0 7px}.auth-tab{width:50%;height:39px;background:#01172a;border:1px solid #0a6193;font-size:16px;font-weight:600;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.auth-tab.selected{background:linear-gradient(#aa080d,#8e0006);border-color:#fa393c;color:white}.google-button,.submit-button,.download button{width:100%;display:block;background:none;border:0;padding:0;line-height:0}.google-button img{width:100%;height:50px;display:block}.divider{display:flex;gap:16px;align-items:center;margin:7px 3px 8px;height:24px;color:#b5d9ee;font-size:14px;white-space:nowrap}.divider:before,.divider:after{content:'';height:1px;background:#6b99bb;flex:1}.login form>label{font-size:16px;line-height:22px;font-weight:600;display:block;margin:0 0 3px}.input-wrap{height:47px;border:1px solid #308dc0;border-radius:8px;background:linear-gradient(110deg,#071c32,#0b233b);box-shadow:inset 0 0 3px #000;display:flex;align-items:center;padding:0 16px;gap:18px;margin-bottom:7px}.input-wrap>img{width:27px;height:27px;flex:none}.input-wrap input{min-width:0;width:100%;background:transparent;border:0;color:#e2f2ff;outline:0;font-size:14px;height:100%}.input-wrap input::placeholder{color:#8aa8c3}.reveal{border:0;background:none;padding:0;display:flex;align-items:center}.reveal img{width:26px;height:26px}.form-options{display:flex;align-items:center;justify-content:space-between;height:34px;margin:0 0 8px;color:#bfe2f6;font-size:14px}.remember{display:flex;gap:10px;align-items:center}.remember input{appearance:none;margin:0;width:23px;height:23px;border:1px solid #c3dff6;border-radius:3px;background:linear-gradient(#fff,#e5e9f0)}.remember input:checked{background:#ffce39}.remember input:checked:after{content:'✓';color:#162532;font-weight:bold;padding-left:3px}.forgot{padding:0;border:0;background:none;color:#ffce35;text-decoration:underline;font-size:14px}.submit-button{position:relative}.submit-button img{display:block;width:100%;height:62px}.register-label{position:absolute;inset:6px;background:linear-gradient(#cf0915,#a5000b);border:2px solid #ffc628;font:700 22px Silkscreen;display:flex;align-items:center;justify-content:center;line-height:1}.download{left:1234px;top:634px;width:420px;height:128px;padding:9px 22px;display:flex;align-items:center;gap:12px}.android-icon{width:88px;height:92px;object-fit:contain}.download-copy{flex:1;min-width:0}.download h2{font-size:20px;line-height:1.15;margin:0 0 3px;font-weight:700;white-space:nowrap;color:#fff1af;letter-spacing:-.4px}.download p{font-size:14px;color:#cce8ff;white-space:nowrap;margin:0 0 8px}.download p span{color:#ffe268;float:right;font-size:18px}.download button img{display:block;width:278px;height:45px;margin-left:-6px}.news{left:20px;top:740px;width:1634px;height:192px;padding:8px 18px 12px}.news-heading{height:40px;display:flex;align-items:center;gap:13px;position:relative;border-bottom:1px solid #805c20;margin-bottom:5px}.news-heading>img{width:34px;height:34px}.news-heading h2{margin:0;font:700 28px Silkscreen;letter-spacing:-1.5px}.news-heading i{font-style:normal;color:#ffc84d;font-size:19px}.news-heading .text-link{position:absolute;right:4px;bottom:-22px;font-size:14px;transform:translateY(-26px)}.news-grid{display:grid;grid-template-columns:1.04fr .98fr 1.04fr;gap:16px}.news-card{background:#001324d9;display:grid;grid-template-columns:34% 1fr;text-align:left;gap:17px;padding:5px;min-width:0;height:125px;border-radius:0}.news-card img{width:100%;height:111px;object-fit:fill}.news-card>span{align-self:center;min-width:0}.news-card b{font-size:18px;line-height:1.15;font-weight:800;display:block;letter-spacing:-.4px}.news-card time{font-size:16px;margin:2px 0}.news-card small{font-size:17px;line-height:1.3;color:#c9e3f5;display:block}.news-card:nth-child(2){grid-template-columns:29% 1fr}.news-card:nth-child(3){grid-template-columns:32% 1fr}.toast{position:fixed;bottom:20px;left:50%;max-width:90vw;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;border:2px solid #efc43b;background:#06182a;padding:12px 18px;color:#eaf5ff;transition:.2s;box-shadow:0 5px 25px #0009}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#04182a;color:#ebf4ff;width:min(540px,92vw);padding:28px;border:2px solid #ebbe3f;box-shadow:0 15px 60px #000b}dialog::backdrop{background:#000a}dialog h2{margin:0 20px 14px 0;color:#ffe091;font-size:24px}dialog p{white-space:pre-line;line-height:1.6;margin:0}.modal-close{position:absolute;right:8px;top:4px;border:0;background:none;font-size:30px}.register-mode .submit-button img{visibility:visible}
@media(max-width:800px){.page-shell{width:100%;height:auto;min-height:100vh;transform:none!important;background-position:center top;background-size:auto 710px;background-repeat:no-repeat;overflow:visible;padding-bottom:16px}.topbar{position:relative;inset:auto;margin:0 10px;height:85px}.brand{left:0;top:7px;gap:0}.brand-house{width:66px;height:65px}.brand>span{font-size:26px;letter-spacing:-2.5px}.brand i{display:none}.menu-toggle{display:block;position:absolute;right:0;top:24px;background:#052339;border:1px solid #c8a02b;border-radius:3px;font-size:22px}.main-nav{display:none;position:absolute;left:auto;right:0;top:76px;height:auto;z-index:10;background:#001426;padding:8px;border:1px solid #d6ae32;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-sprite img{height:48px;width:auto;max-width:200px;margin:auto}.upper-layout{display:flex;flex-direction:column;padding:0 10px;gap:12px}.hero{position:relative;left:auto;top:auto;width:100%;height:370px;order:0}.welcome{left:auto;right:0;top:18px;width:190px;height:97px;padding-top:18px}.welcome strong{font-size:21px}.welcome span{font-size:15px}.episode{left:auto;right:0;top:auto;bottom:7px;width:230px;height:110px;padding-top:44px}.episode small{font-size:12px}.episode strong{font-size:28px}.panel{position:relative;left:auto;top:auto;width:100%;height:auto}.updates{order:2;padding:15px}.section-heading h1{font-size:19px}.megaphone{width:49px}.updates-heading .text-link{font-size:12px}.update-card{grid-template-columns:100px 1fr;gap:12px;min-height:160px}.update-card>img{width:100px;height:105px}.update-card:last-child>img{height:93px}.update-card h2{font-size:16px}.update-card p,.update-card time{font-size:14px}.right-rail{display:flex;flex-direction:column;gap:12px;order:1}.login{padding:13px 20px 16px}.login-title{justify-content:center;height:78px}.login-title>img{width:82px;height:75px}.login-title h2{font-size:27px}.download{padding:10px 16px;min-height:118px;gap:9px}.android-icon{width:72px;height:80px}.download h2{font-size:17px}.download p{font-size:13px}.download button img{width:100%;height:42px;margin:0}.news{margin:12px 10px 0;width:calc(100% - 20px);padding:10px 12px}.news-heading{height:45px;gap:5px}.news-heading h2{font-size:17px;letter-spacing:-1px}.news-heading>img{width:27px;height:27px}.news-heading i{display:none}.news-heading .text-link{font-size:11px;bottom:-17px}.news-grid{grid-template-columns:1fr;gap:9px}.news-card,.news-card:nth-child(2),.news-card:nth-child(3){grid-template-columns:105px 1fr;gap:10px;height:auto;min-height:114px}.news-card img{height:92px}.news-card b{font-size:14px}.news-card time,.news-card small{font-size:13px}.form-options{font-size:12px}.forgot{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Final comparison against the reference. */
.panel{background:linear-gradient(120deg,#00121f,#03192a 60%,#00101d)}
.episode strong{white-space:nowrap;font-size:35px;letter-spacing:-2px;transform:scaleX(.86)}
.download{z-index:3}.news{z-index:1}.brand-house,.login-title>img{transform:scale(1.3)}
.brand>span{font-size:43px}.updates-heading h1{font-size:21px;letter-spacing:-1.3px}
@media(min-width:801px){.page-shell{position:absolute}.brand-house{margin-right:0}.update-card:last-child{padding-top:12px}}
@media(max-width:800px){.page-shell{position:relative}.brand>span{font-size:26px}.brand-house,.login-title>img{transform:scale(1.15)}.episode strong{font-size:27px;letter-spacing:-1.5px}.updates-heading h1{font-size:19px}.news{z-index:auto}.download{z-index:auto}}


/* Home ligada ao sistema oficial de notícias: protege o quadro contra textos variáveis. */
.updates{overflow:hidden}
.update-card{height:185px;min-height:185px;overflow:hidden;cursor:pointer}
.update-card>div{min-width:0;overflow:hidden}
.update-card h2{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;max-height:64px
}
.update-card p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;max-height:68px
}
.news-card{overflow:hidden}
.news-card>span{overflow:hidden}
.news-card b{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;max-height:43px
}
.news-card small{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;max-height:45px
}
@media(max-width:800px){
  .updates{overflow:visible}
  .update-card{height:auto;min-height:160px}
  .update-card h2{-webkit-line-clamp:3;max-height:none}
  .update-card p{-webkit-line-clamp:3;max-height:none}
}