/* EDITE AS CORES AQUI */
:root{--bg:#070d19;--gold:#f5d18c;--gold-deep:#ad722d;--blue:#69c7ff;--text:#e9edf6;--muted:#a7b2c6}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden}.page{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 28% 48%,#183354 0%,transparent 43%),radial-gradient(ellipse at 75% 20%,#18213e 0%,transparent 50%),linear-gradient(115deg,#060b14,#0c1528 58%,#060a13)}.page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0 99px,#8eb7e114 100px),repeating-linear-gradient(0deg,transparent 0 99px,#8eb7e114 100px)}.ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 45% 85%,#338ad01a,transparent 45%)}.hero{width:min(100%,1920px);min-height:min(100svh,1080px);position:relative;display:flex;align-items:center;justify-content:flex-end;padding:70px clamp(28px,7vw,145px);}.character{position:absolute;z-index:-1;left:clamp(-130px,-4vw,-20px);bottom:-13%;height:120%;width:min(57%,830px);display:flex;align-items:flex-end;justify-content:flex-start;pointer-events:none}.character img{height:100%;width:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 0 36px #2a8ed333)}.content{width:min(100%,780px);text-align:center;position:relative;z-index:1;margin-left:auto;text-shadow:0 2px 20px #0009}.eyebrow{font-size:12px;letter-spacing:.38em;font-weight:700;color:var(--blue);margin-bottom:23px}.spark{display:inline-block;width:6px;height:6px;background:var(--blue);box-shadow:0 0 14px var(--blue);transform:rotate(45deg);vertical-align:middle;margin-right:9px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,4.3vw,72px);line-height:1.08;letter-spacing:.035em;margin:0;color:#fff}h1 span{display:block;color:var(--gold);text-shadow:0 0 25px #e6a64d55}.intro{font-size:clamp(13px,1.15vw,17px);color:var(--muted);line-height:1.6;margin:24px auto 45px;max-width:560px}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,1vw,15px);width:100%}.time-box{position:relative;min-width:0;min-height:clamp(100px,9vw,148px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:linear-gradient(145deg,#1b2d46e8,#080e1eea 75%);border:1px solid #c6a16c8c;box-shadow:inset 0 0 0 3px #101b2e,inset 0 0 20px #4d92d31c,0 12px 30px #0008;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.time-box:before,.time-box:after{content:"◆";position:absolute;color:var(--gold);font-size:9px;top:4px}.time-box:before{left:6px}.time-box:after{right:6px}.time-box strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(33px,4vw,66px);line-height:1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #69c7ff66}.time-box span{font-size:clamp(9px,.85vw,12px);letter-spacing:.19em;color:var(--gold);font-weight:700}.status{color:#a8c3dc;min-height:20px;margin:21px 0 31px;font-size:12px;letter-spacing:.13em}.actions{display:flex;gap:16px;justify-content:center}.btn{min-height:57px;min-width:0;flex:1;display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.13em;transition:transform .2s,box-shadow .2s,background .2s;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.btn:hover{transform:translateY(-3px)}.btn:focus-visible{outline:3px solid white;outline-offset:4px}.btn-primary{color:#17131a;background:linear-gradient(135deg,#fff0b8,#d39b4d 55%,#ffe0a0);box-shadow:0 5px 28px #d49d4544}.btn-secondary{color:#d5ebff;background:linear-gradient(135deg,#274a70,#101e36);border:1px solid #6bbdf3}.footer{font-size:10px;letter-spacing:.2em;color:#75859b;margin-top:50px}.footer span{color:var(--gold);margin:0 8px}
/* TABLET */
@media(max-width:1100px){.hero{padding:65px 30px}.character{left:-16%;width:67%;opacity:.55}.content{width:min(100%,720px);margin:0 auto}.content:before{content:"";position:absolute;z-index:-1;inset:-35px -20px;background:radial-gradient(ellipse,#070d19c9,transparent 75%)}}
/* CELULAR: personagem acima, contador e botões sem cortes */
@media(max-width:650px){.page{display:block;overflow:hidden}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding:0 16px 35px}.character{position:relative;left:auto;bottom:auto;z-index:0;width:100%;height:clamp(205px,58vw,330px);opacity:1;overflow:hidden;justify-content:center;align-items:flex-start}.character img{width:auto;height:clamp(450px,115vw,690px);max-width:none;object-fit:contain;object-position:center top;transform:translateY(-4px);mask-image:linear-gradient(#000 60%,transparent 100%)}.content{margin:-5px auto 0;width:100%}.content:before{inset:-12px -16px;background:linear-gradient(#070d19b5,#070d19e6)}.eyebrow{font-size:10px;letter-spacing:.23em;margin-bottom:13px}h1{font-size:clamp(31px,9vw,51px)}.intro{margin:14px auto 24px;font-size:12px}.countdown{gap:5px}.time-box{min-height:clamp(82px,23vw,120px);gap:8px;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.time-box strong{font-size:clamp(27px,8vw,45px)}.time-box span{font-size:clamp(7px,2vw,10px);letter-spacing:.03em}.time-box:before,.time-box:after{font-size:6px}.status{font-size:10px;margin:15px 0 22px}.actions{flex-direction:column;gap:10px}.btn{flex:auto;width:100%;min-height:52px;font-size:11px}.footer{font-size:8px;line-height:1.8;margin-top:25px;letter-spacing:.11em}}
@media(max-width:360px){.hero{padding-left:9px;padding-right:9px}.time-box{min-height:78px}.time-box strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

/* LOGO MU LVS: tamanho, posicionamento e brilho ao passar o mouse */
.brand{display:flex;justify-content:center;align-items:center;margin:0 auto 12px}
.brand-logo{display:block;width:clamp(145px,19vw,235px);max-width:65%;height:auto;object-fit:contain;transition:filter .35s ease,transform .35s ease;filter:drop-shadow(0 0 5px rgba(255,52,27,.28))}
.brand-logo:hover{transform:scale(1.065);filter:drop-shadow(0 0 12px #ff3b20) drop-shadow(0 0 24px #e63b25) drop-shadow(0 0 16px #34baff) brightness(1.16)}
@media(max-width:650px){.brand{margin:0 auto 8px}.brand-logo{width:clamp(140px,44vw,205px);max-width:70%}}
@media(prefers-reduced-motion:reduce){.brand-logo{transition:none}}