:root{--night:#06132f;--field:#0b2c60;--gold:#dfba63;--gold-light:#f5df9b;--cream:#fff9e8;--ink:#152951}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;overflow-x:hidden;background:var(--night);color:var(--cream);font-family:Montserrat,Arial,sans-serif}.sky{position:fixed;z-index:-2;inset:-8vh 0;background-image:linear-gradient(180deg,rgba(2,10,34,.18),rgba(2,9,26,.58)),url('../images/background.webp');background-position:center calc(50% + var(--parallax,0px));background-size:cover;will-change:background-position}.sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(40,117,193,.12),transparent 34%),linear-gradient(180deg,transparent 52%,rgba(3,10,28,.55))}.home-header{position:absolute;z-index:10;top:0;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 48px));min-height:94px;padding:16px 0;transform:translateX(-50%);border-bottom:1px solid rgba(255,255,255,.13)}.header-brand{display:block;flex:0 0 auto}.header-brand img{display:block;width:175px;height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}.quick-login{display:flex;align-items:flex-end;gap:10px}.quick-login label{display:grid;gap:5px}.quick-login label span{padding-left:3px;color:var(--gold-light);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.quick-login input{width:178px;height:37px;padding:0 13px;border:1px solid rgba(222,186,99,.62);border-radius:10px;outline:none;background:rgba(8,42,91,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);color:#fff9e8;font:500 11px Montserrat}.quick-login input::placeholder{color:#aebdd3}.quick-login input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(222,186,99,.13)}.quick-login button,.quick-login>a,.nav-pill{height:37px;padding:0 16px;border:1px solid rgba(225,192,113,.7);border-radius:10px;background:linear-gradient(135deg,#c99c43,#efd07d);color:#10254c;font:700 11px Montserrat;text-decoration:none}.quick-login button{cursor:pointer}.quick-login>a{display:flex;align-items:center;background:rgba(8,42,91,.92);color:#fff5dc}.user-nav{display:flex;align-items:center;gap:20px}.user-nav a,.welcome{color:#f8efd7;font-size:12px;font-weight:600;text-decoration:none}.nav-pill{display:flex;align-items:center}.hero{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:132px 24px 70px}.hero-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(500px,1.18fr);align-items:stretch;gap:18px;width:min(1220px,100%);min-height:620px}.hero-identity{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 80px 12px}.halo{position:absolute;z-index:-1;left:-120px;bottom:0;width:610px;height:610px;border-radius:50%;background:radial-gradient(circle,rgba(31,94,166,.38),rgba(4,21,55,.08) 56%,transparent 72%);filter:blur(3px)}.hero-logo{width:min(500px,100%);max-height:270px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 18px 42px rgba(0,0,0,.45))}.game-description{display:flex;align-items:center;justify-content:center;min-height:610px;padding:74px 86px 72px 92px;background:url('../images/bg-home.png') center/contain no-repeat}.description-copy{width:min(475px,100%);color:var(--ink)}.kicker,.section-kicker{margin:0 0 13px;color:#a87725;font-size:10px;font-weight:700;letter-spacing:.2em}.game-description h1{margin:0;color:#112a58;font:700 clamp(36px,4.1vw,59px)/1.02 'Bona Nova SC',serif}.intro{margin:22px 0 0;color:#375174;font-size:14px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.primary-button{display:inline-flex;align-items:center;gap:12px;padding:14px 23px;border:1px solid #b98930;border-radius:99px;background:linear-gradient(135deg,#c99c43,#f0cf7b);box-shadow:0 12px 28px rgba(25,50,86,.2);color:#12264b;font:700 12px Montserrat;text-decoration:none;transition:.25s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(25,50,86,.28)}.primary-button span{font-size:17px}.secondary-link{color:#17365f;font-size:11px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(23,54,95,.4);padding-bottom:4px}.scroll-cue{position:absolute;bottom:20px;left:50%;display:grid;gap:6px;transform:translateX(-50%);color:#cedcf0;font-size:9px;letter-spacing:.18em;text-align:center;text-decoration:none;text-transform:uppercase}.scroll-cue i{color:var(--gold);font-size:18px;font-style:normal}.how{position:relative;margin:0 auto 80px;width:min(1120px,calc(100% - 40px));padding:85px 55px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,rgba(8,31,74,.78),rgba(4,16,43,.9));box-shadow:0 30px 70px rgba(0,0,0,.32);backdrop-filter:blur(12px);text-align:center}.how h2{margin:0;color:#fff9e9;font:400 clamp(36px,5vw,58px) 'Bona Nova SC',serif}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.feature-grid article{padding:28px;text-align:left;border:1px solid rgba(224,190,107,.22);border-radius:20px;background:rgba(255,255,255,.045)}.feature-grid b{color:var(--gold);font:700 12px 'Bona Nova SC',serif}.feature-grid h3{margin:18px 0 9px;color:#fff8e5;font:700 22px 'Bona Nova SC',serif}.feature-grid p{margin:0;color:#cbd9ed;font-size:13px;line-height:1.7}footer{display:flex;justify-content:space-between;padding:28px max(28px,calc((100% - 1120px)/2));border-top:1px solid rgba(255,255,255,.12);color:#aebbd0;font-size:11px}@media(max-width:960px){.home-header{align-items:flex-start}.header-brand img{width:145px}.quick-login label span{display:none}.quick-login input{width:142px}.hero-layout{grid-template-columns:1fr;gap:0;min-height:auto}.hero-identity{min-height:300px;justify-content:center;padding:70px 20px 0}.hero-logo{width:min(470px,82vw);object-position:center}.game-description{min-height:560px;margin-top:-30px;padding:72px 15vw;text-align:center}.hero-actions{justify-content:center}.scroll-cue{display:none}}@media(max-width:720px){.home-header{position:relative;left:auto;width:calc(100% - 30px);min-height:auto;margin:auto;padding:13px 0;transform:none}.header-brand img{width:115px;height:44px}.quick-login{display:grid;grid-template-columns:1fr auto;gap:6px}.quick-login label:first-of-type{display:none}.quick-login input{width:125px;height:34px}.quick-login button,.quick-login>a{height:34px;padding:0 11px}.quick-login>a{display:none}.user-nav{gap:11px}.welcome{display:none}.user-nav a{font-size:10px}.hero{padding:20px 10px 60px}.hero-identity{min-height:245px;padding-top:35px}.game-description{min-height:520px;margin-top:-25px;padding:62px 50px;background-size:540px auto}.game-description h1{font-size:36px}.intro{font-size:12px}.hero-actions{flex-direction:column;gap:14px}.how{padding:55px 20px}.feature-grid{grid-template-columns:1fr}.feature-grid article{text-align:center}footer{flex-direction:column;align-items:center;gap:8px}}
@media(min-width:961px){.game-description{padding:74px 54px 72px 142px}.description-copy{width:min(400px,100%)}.game-description h1{font-size:clamp(35px,3.55vw,51px);line-height:1.03}}
@media(min-width:961px){.game-description{padding-left:166px;padding-right:60px}.description-copy{width:min(335px,100%)}.game-description h1{font-size:43px}.game-description .intro{font-size:12px}}
.game-description .secondary-link{display:none}
/* Segunda composição da capa */
.home-header{justify-content:center}.header-brand{display:none}.quick-login{margin-inline:auto}.hero-layout{position:relative;grid-template-columns:minmax(430px,.92fr) minmax(650px,1.08fr);gap:0;width:min(1340px,100%);min-height:730px}.hero-identity{z-index:2;justify-content:center;padding:0 0 96px}.hero-logo{width:min(650px,125%);max-width:none;max-height:360px;transform:translateX(88px);animation:logo-breathe 5.5s ease-in-out infinite}.game-description{min-height:730px;padding:94px 84px 88px 180px;background-size:720px auto}.description-copy{width:min(400px,100%)}.game-description h1{font-size:46px}.game-description .intro{font-size:13px}.falling-star,.cursor-star{position:fixed;z-index:30;display:block;pointer-events:none;user-select:none}.falling-star{top:-60px;animation:star-fall var(--fall-time) linear forwards;filter:drop-shadow(0 0 8px rgba(246,215,133,.8))}.cursor-star{transform:translate(-50%,-50%);animation:cursor-spark .85s ease-out forwards;filter:drop-shadow(0 0 5px rgba(246,215,133,.75))}@keyframes logo-breathe{0%,100%{transform:translateX(88px) scale(1)}50%{transform:translateX(88px) scale(1.025);filter:drop-shadow(0 20px 52px rgba(235,195,101,.2))}}@keyframes star-fall{0%{transform:translate3d(0,-30px,0) rotate(0);opacity:0}10%{opacity:1}100%{transform:translate3d(var(--drift),110vh,0) rotate(210deg);opacity:0}}@keyframes cursor-spark{0%{opacity:.95;transform:translate(-50%,-50%) scale(.45) rotate(0)}55%{opacity:.8}100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(1.15) rotate(90deg)}}
@media(max-width:1100px){.hero-layout{grid-template-columns:minmax(350px,.8fr) minmax(590px,1.2fr)}.hero-logo{width:560px;transform:translateX(72px)}@keyframes logo-breathe{0%,100%{transform:translateX(72px) scale(1)}50%{transform:translateX(72px) scale(1.025)}}.game-description{background-size:650px auto;padding-left:155px;padding-right:68px}.game-description h1{font-size:41px}}
@media(max-width:960px){.hero-layout{grid-template-columns:1fr}.hero-identity{min-height:360px;padding:90px 20px 0}.hero-logo{width:min(570px,90vw);transform:translateY(55px)}@keyframes logo-breathe{0%,100%{transform:translateY(55px) scale(1)}50%{transform:translateY(55px) scale(1.02)}}.game-description{min-height:650px;margin-top:-15px;padding:85px 16vw;background-size:660px auto}.description-copy{width:min(390px,100%);margin:auto}.game-description h1{font-size:43px}}
@media(max-width:720px){.home-header{justify-content:center}.quick-login{margin:auto}.hero-identity{min-height:260px;padding-top:25px}.hero-logo{width:92vw;transform:translateY(45px)}@keyframes logo-breathe{0%,100%{transform:translateY(45px) scale(1)}50%{transform:translateY(45px) scale(1.018)}}.game-description{min-height:550px;padding:70px 58px;background-size:555px auto}.game-description h1{font-size:34px}.game-description .intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}.falling-star,.cursor-star{display:none}}
@media(min-width:961px){.hero{padding-top:112px;padding-bottom:35px}.hero-layout{min-height:650px}.hero-identity{align-items:center;padding:105px 0 0}.hero-logo{width:min(680px,132%);max-height:350px;transform:translateX(115px)}.game-description{min-height:650px;background-size:680px auto;padding-top:78px;padding-bottom:75px}@keyframes logo-breathe{0%,100%{transform:translateX(115px) scale(1)}50%{transform:translateX(115px) scale(1.025);filter:drop-shadow(0 20px 52px rgba(235,195,101,.2))}}}
/* Composição sobreposta conforme a referência */
.quick-login{align-items:center}.quick-login label{gap:0}.quick-login label span{display:none}.quick-login>a{transition:background .25s,color .25s,box-shadow .25s,transform .25s}.quick-login>a:hover,.quick-login>a:focus-visible{background:linear-gradient(135deg,#c99c43,#f0cf7b);color:#10254c;box-shadow:0 0 22px rgba(235,195,101,.28);transform:translateY(-1px)}.button-star{position:fixed;z-index:40;pointer-events:none;animation:button-spark .9s ease-out forwards;filter:drop-shadow(0 0 6px rgba(246,215,133,.85))}@keyframes button-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--button-x)),calc(-50% + var(--button-y))) scale(1.15) rotate(110deg)}}
@media(min-width:961px){.home-header{min-height:82px;padding-block:12px}.hero{padding-top:92px}.hero-layout{display:block;width:min(1240px,100%);min-height:760px}.game-description{position:absolute;top:0;right:-10px;width:850px;min-height:760px;margin:0;padding:102px 105px 94px 232px;background-size:820px auto}.description-copy{width:min(430px,100%)}.game-description h1{font-size:52px;line-height:1.02}.game-description .intro{font-size:14px}.hero-identity{position:absolute;z-index:3;left:-15px;bottom:72px;width:700px;height:360px;padding:0;align-items:center;justify-content:flex-start}.hero-logo{width:690px;max-height:370px;transform:none;animation:logo-breathe-overlay 5.5s ease-in-out infinite}@keyframes logo-breathe-overlay{0%,100%{transform:scale(1)}50%{transform:scale(1.025);filter:drop-shadow(0 20px 52px rgba(235,195,101,.2))}}}
@media(min-width:961px) and (max-width:1180px){.hero-layout{width:1040px}.game-description{right:0;width:760px;background-size:750px auto;padding-left:210px;padding-right:80px}.game-description h1{font-size:46px}.hero-identity{left:-10px;width:600px}.hero-logo{width:600px}}
@media(max-width:960px){.quick-login label span{display:none}.button-star{display:none}}
@media(min-width:1181px){.hero-identity{left:78px;width:650px}.hero-logo{width:650px}.description-copy{width:min(390px,100%)}.game-description .intro{max-width:375px}}
/* Proporção ampliada da moldura */
@media(min-width:961px){.hero-layout{width:min(1300px,100%);min-height:780px}.game-description{top:-18px;right:50%;width:930px;min-height:800px;transform:translateX(58%);padding:112px 112px 104px 250px;background-size:890px auto}.description-copy{width:min(440px,100%)}.game-description h1{font-size:47px;line-height:1.03}.game-description .intro{max-width:430px;margin-top:16px;font-size:12.5px;line-height:1.62}.game-description .intro-secondary{margin-top:10px}.game-description .hero-actions{margin-top:21px}.hero-identity{left:88px;bottom:92px;width:535px;height:300px}.hero-logo{width:535px;max-height:300px}}
@media(min-width:961px) and (max-width:1180px){.game-description{right:48%;width:830px;min-height:750px;transform:translateX(58%);padding-left:225px;padding-right:92px;background-size:810px auto}.description-copy{width:min(400px,100%)}.game-description h1{font-size:42px}.hero-identity{left:45px;width:470px}.hero-logo{width:470px}}
@media(min-width:1181px){.hero-identity{bottom:142px}}
@media(min-width:1181px){.game-description{padding:108px 155px 102px}.description-copy{width:min(555px,100%);margin:auto;text-align:center}.game-description h1{font-size:48px}.game-description .intro{max-width:535px;margin-left:auto;margin-right:auto;font-size:13px}.game-description .hero-actions{justify-content:center}}
@media(min-width:961px) and (max-width:1180px){.game-description{padding-left:138px;padding-right:138px}.description-copy{width:min(510px,100%);margin:auto;text-align:center}.game-description .intro{max-width:490px;margin-left:auto;margin-right:auto}.game-description .hero-actions{justify-content:center}}
/* Seção de apresentação mais compacta */
.how{padding:60px 34px}.feature-grid{gap:14px;margin-top:34px}.feature-grid article{padding:20px 21px}.feature-grid h3{margin:12px 0 8px;font-size:20px}.feature-grid p{font-size:12px;line-height:1.6}
/* Ajustes de conteúdo e hierarquia */
.how h2{color:#efcb70}.pre-registration{justify-content:center;margin-top:20px}.pre-registration .primary-button{min-width:160px;justify-content:center}
@media(min-width:1181px){.hero-identity{bottom:28px}}
@media(min-width:961px) and (max-width:1180px){.hero-identity{bottom:25px}}

/* Login compacto no celular: mantém e-mail e senha visíveis. */
@media(max-width:720px){
  .home-header{width:calc(100% - 30px)}
  .quick-login{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
  .quick-login label:first-of-type{display:grid}
  .quick-login input{width:100%;min-width:0}
  .quick-login button{grid-column:1/-1;width:100%}
}
/* Scrollbar da identidade visual */
html{scrollbar-width:thin;scrollbar-color:#dfba63 #06132f}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#06132f}::-webkit-scrollbar-thumb{border:2px solid #06132f;border-radius:99px;background:linear-gradient(180deg,#f2d481,#c89a3f)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe6a0,#dfb65c)}