*{box-sizing:border-box}:root{--red:#ff3e4b;--red-light:#ff5965;--bg:#080607;--text:#f8f6f7;--muted:#aaa2a6}html,body{min-height:100%;margin:0}body{min-height:100svh;display:grid;place-items:center;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;isolation:isolate}.backdrop,.glow,.grid,.grain{position:fixed;inset:0;pointer-events:none}.backdrop{z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1b0c10 0%,#0c080a 45%,#060506 100%)}.glow{inset:auto;border-radius:50%;filter:blur(100px);opacity:.15;animation:glow-drift 13s ease-in-out infinite alternate}.glow-red{width:420px;height:420px;background:var(--red);top:-230px;left:calc(50% - 210px)}.grid{opacity:.10;background-image:linear-gradient(#ff59650d 1px,transparent 1px),linear-gradient(90deg,#ff59650d 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%)}.grain{opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.page{width:min(100% - 36px,530px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 0 35px;opacity:0;transform:translateY(14px) scale(.99);filter:blur(3px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s ease}.page.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.top-label{display:flex;align-items:center;gap:9px;color:#c1b7bb;font-size:10px;font-weight:800;letter-spacing:.19em;animation:rise-in .9s .12s both}.live-dot,.pulse-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--red);box-shadow:0 0 12px #ff3e4b90;animation:dot-pulse 2.2s ease-in-out infinite}.logo-stage{position:relative;display:grid;place-items:center;margin:31px 0 17px;width:clamp(145px,29vw,210px);aspect-ratio:1}.logo{width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 15px 35px #ff3e4b22);animation:logo-float 6s ease-in-out infinite}.logo-aura{position:absolute;inset:18%;border-radius:50%;background:var(--red);filter:blur(60px);opacity:.13;animation:aura 5s ease-in-out infinite}.page h1{font-size:clamp(28px,6vw,40px);letter-spacing:.13em;font-weight:900;margin:0}.page h1 span{color:var(--red)}.status{display:flex;align-items:center;gap:8px;margin-top:15px;padding:8px 12px;border:1px solid #ffffff14;background:#ffffff05;border-radius:30px;color:#ded5d8;font-size:9px;font-weight:800;letter-spacing:.15em}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#f0a34b;box-shadow:0 0 10px #f0a34b70;animation:dot-pulse 2s infinite}.description{max-width:420px;margin:17px auto 23px;color:var(--muted);font-size:12px;line-height:1.9}.description strong{color:#f8eff1;font-weight:700}.discord-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:min(100%,300px);padding:0 17px;border:1px solid #ff8b9340;border-radius:10px;background:linear-gradient(115deg,#e82e3d,#b91f2d 52%,#f43c49);color:white;box-shadow:0 8px 25px #ff26351c,inset 0 1px #ffffff35;font-size:11px;letter-spacing:.055em;font-weight:900;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;isolation:isolate;animation:button-breathe 3.8s 1.2s ease-in-out infinite}.discord-button:before{content:"";position:absolute;z-index:-1;inset:-20% auto -20% 0;transform:translateX(-150%) skewX(-22deg);width:48%;background:linear-gradient(90deg,transparent,#ffffff48,transparent);animation:button-shine 4.8s 1s ease-in-out infinite}.discord-button:hover{transform:translateY(-3px) scale(1.025);filter:brightness(1.12);box-shadow:0 14px 36px #ff26354a}.discord-button:active{transform:scale(.97)}.discord-mark{width:19px;height:19px}.button-arrow{margin-left:auto;font-size:16px;font-weight:500}.bottom-note{display:flex;align-items:center;gap:11px;margin-top:31px;color:#76686d;font-size:8px;font-weight:800;letter-spacing:.22em}.note-line{height:1px;width:23px;background:linear-gradient(90deg,transparent,#87505a)}.note-line:last-child{transform:rotate(180deg)}.intro{position:fixed;inset:0;z-index:10;background:#000;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity 1.15s cubic-bezier(.2,.7,.2,1),visibility 1.15s}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.intro-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 35%,#0002)}.intro-footer{position:absolute;bottom:25px;left:clamp(18px,5vw,65px);right:clamp(18px,5vw,65px);display:flex;justify-content:space-between;align-items:center}.intro-brand{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.2em}.skip-intro{background:#090707a8;color:#f8eff1;border:1px solid #ffffff30;border-radius:30px;padding:10px 13px;font-size:9px;font-weight:800;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,border-color .2s}.skip-intro:hover{background:#2a1014;border-color:#ff3e4b80}.skip-intro span{margin-left:8px;color:var(--red)}.intro-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff16}.intro-progress span{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 10px var(--red)}@keyframes rise-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.6deg)}}@keyframes aura{0%,100%{opacity:.1;transform:scale(.9)}50%{opacity:.21;transform:scale(1.1)}}@keyframes glow-drift{from{transform:translate3d(-12px,0,0) scale(.95)}to{transform:translate3d(15px,18px,0) scale(1.07)}}@keyframes dot-pulse{0%,100%{opacity:1;box-shadow:0 0 10px #ff3e4b65}50%{opacity:.6;box-shadow:0 0 18px #ff3e4baa}}@keyframes button-shine{0%,62%{transform:translateX(-150%) skewX(-22deg)}85%,100%{transform:translateX(310%) skewX(-22deg)}}@keyframes button-breathe{0%,100%{box-shadow:0 8px 25px #ff26351c,inset 0 1px #ffffff35}50%{box-shadow:0 10px 33px #ff263536,inset 0 1px #ffffff40}}@media(max-width:480px){.page{width:calc(100% - 34px);padding:48px 0 25px}.logo-stage{width:clamp(140px,39vw,180px);margin:26px 0 16px}.page h1{font-size:28px}.description{font-size:12px;max-width:340px;margin:15px auto 21px}.discord-button{min-height:47px;width:min(100%,290px)}.intro-footer{bottom:19px}}@media(min-width:900px){.page{padding-top:40px}.logo-stage{width:190px}.description{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.site-footer{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px clamp(18px,5vw,65px);border-top:1px solid #ffffff0c;background:linear-gradient(0deg,#080607f2,#080607b8);backdrop-filter:blur(12px);color:#786f73;font-size:9px;z-index:3;opacity:0;transform:translateY(8px);transition:opacity .9s ease .35s,transform .9s ease .35s;pointer-events:none}
.page.visible~.site-footer{opacity:1;transform:translateY(0);pointer-events:auto}
.footer-brand{display:flex;align-items:center;gap:8px;color:#f2e9ec;font-size:10px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.footer-logo{width:22px;height:22px;object-fit:contain}
.footer-muted{color:#8c7f84;font-weight:600}
.footer-copy{color:#81767b}
.footer-discord{color:#c8b8bd;font-size:9px;font-weight:800;letter-spacing:.13em;white-space:nowrap;transition:color .2s}
.footer-discord span{color:var(--red);margin-left:5px}
.footer-discord:hover{color:var(--red-light)}
@media(max-width:480px){.site-footer{padding:10px 14px;gap:8px}.footer-brand{font-size:9px;gap:6px}.footer-logo{width:19px;height:19px}.footer-copy{font-size:8px;max-width:118px;line-height:1.5;text-align:center}.footer-discord{font-size:8px}}
@media(max-height:650px){.site-footer{padding-top:8px;padding-bottom:8px}.page{padding-top:30px;padding-bottom:48px}.logo-stage{width:125px;margin:18px 0 12px}.description{margin:12px auto 15px}.bottom-note{margin-top:19px}.intro video{max-height:60vh}}


/* CENTRALIZAR A INTRODUÇÃO */
.intro {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* CENTRALIZAR E AUMENTAR O VÍDEO */
.intro video {
    position: relative !important;
    display: block !important;
    width: min(80vw, 900px) !important;
    height: auto !important;
    max-height: 60vh !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

@media (max-width: 700px) {
    .intro video {
        width: 90vw !important;
        max-height: 50vh !important;
    }
}