:root {
  --bg:#07080b; --panel:#0d1015; --panel2:#11141a; --text:#f4efe6;
  --muted:#9a9da6; --red:#cc2638; --red2:#ff4050; --gold:#cfa75e;
  --line:rgba(255,255,255,.09);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(194,38,55,.07),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;z-index:-2}
.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.018;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.topbar{height:88px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid rgba(255,255,255,.08);transition:.35s;background:rgba(5,6,9,.94);backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(0,0,0,.45)}
.topbar.scrolled{height:72px;background:rgba(7,8,11,.92);backdrop-filter:blur(18px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(207,167,94,.55);transform:rotate(45deg);font-family:Cinzel;color:var(--gold);font-size:20px}.brand-mark::first-letter{transform:rotate(-45deg)}.brand-mark{font-weight:800}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Cinzel;font-size:12px;letter-spacing:5px;color:#b9bbc0}.brand-copy em{font-family:Cinzel;font-style:normal;font-size:19px;letter-spacing:2px;color:#fff}
.nav{display:flex;gap:30px;margin:auto}.nav a{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#c5c5c9;position:relative}.nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:1px;background:var(--red2);transition:.25s}.nav a:hover{color:#fff}.nav a:hover:after{left:0;right:0}.top-cta{border:1px solid rgba(207,167,94,.5);padding:12px 20px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#ead5ae;background:rgba(207,167,94,.05)}.menu-button{display:none}
.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:130px 7vw 80px}.hero:before{content:"";position:absolute;z-index:-1;top:70px;left:0;width:100%;height:145px;pointer-events:none;background:linear-gradient(180deg,rgba(88,0,8,.95),rgba(165,8,20,.72) 30%,rgba(80,0,8,.2) 70%,transparent);clip-path:polygon(0 0,100% 0,100% 28%,96% 34%,92% 27%,88% 43%,84% 29%,80% 35%,76% 26%,72% 52%,68% 30%,64% 39%,60% 25%,56% 61%,52% 30%,48% 45%,44% 27%,40% 55%,36% 29%,32% 42%,28% 26%,24% 65%,20% 31%,16% 48%,12% 27%,8% 57%,4% 31%,0 39%);filter:drop-shadow(0 8px 12px rgba(150,0,15,.45));opacity:.72;animation:blood-pulse 5s ease-in-out infinite}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(90,0,10,.12),transparent 42%),linear-gradient(to bottom,rgba(7,8,11,.18) 0,rgba(7,8,11,.28) 58%,#07080b 100%),linear-gradient(90deg,rgba(4,5,7,.45),rgba(4,5,7,.08) 55%,rgba(4,5,7,.12)),url("imgs/fundo.png") center center/cover no-repeat;z-index:-4;transform:scale(1.015);animation:hero-breathe 16s ease-in-out infinite alternate}.hero-backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 43%,rgba(215,20,38,.08),transparent 22%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 48%);box-shadow:inset 0 0 140px rgba(0,0,0,.72)}.hero-backdrop:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,transparent,#07080b 92%)}
.hero:before{display:none}@keyframes hero-breathe{from{transform:scale(1.015)}to{transform:scale(1.05)}}
.crystal-rain{position:absolute;inset:88px 0 0;z-index:-1;overflow:hidden;pointer-events:none}.crystal-rain i{position:absolute;top:-55px;left:var(--x);width:var(--size);height:calc(var(--size) * 1.45);opacity:0;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,70,90,.75) 38%,rgba(105,0,18,.9) 75%);clip-path:polygon(50% 0,100% 38%,72% 100%,26% 88%,0 35%);filter:drop-shadow(0 0 7px rgba(255,35,65,.8));animation:crystal-fall var(--speed) linear infinite;animation-delay:var(--delay)}.crystal-rain i:after{content:"";position:absolute;inset:15% 20%;background:linear-gradient(135deg,rgba(255,255,255,.8),transparent 55%);clip-path:polygon(50% 0,100% 40%,55% 100%,0 42%)}.crystal-rain i:nth-child(1){--x:5%;--size:11px;--speed:9s;--delay:-2s}.crystal-rain i:nth-child(2){--x:13%;--size:17px;--speed:13s;--delay:-8s}.crystal-rain i:nth-child(3){--x:22%;--size:9px;--speed:11s;--delay:-5s}.crystal-rain i:nth-child(4){--x:31%;--size:14px;--speed:15s;--delay:-11s}.crystal-rain i:nth-child(5){--x:40%;--size:8px;--speed:10s;--delay:-7s}.crystal-rain i:nth-child(6){--x:49%;--size:16px;--speed:14s;--delay:-3s}.crystal-rain i:nth-child(7){--x:58%;--size:10px;--speed:12s;--delay:-9s}.crystal-rain i:nth-child(8){--x:66%;--size:18px;--speed:16s;--delay:-13s}.crystal-rain i:nth-child(9){--x:73%;--size:9px;--speed:9s;--delay:-6s}.crystal-rain i:nth-child(10){--x:81%;--size:14px;--speed:13s;--delay:-1s}.crystal-rain i:nth-child(11){--x:89%;--size:8px;--speed:11s;--delay:-8s}.crystal-rain i:nth-child(12){--x:96%;--size:16px;--speed:15s;--delay:-4s}@keyframes crystal-fall{0%{transform:translate3d(0,-8vh,0) rotate(0deg);opacity:0}10%{opacity:.7}75%{opacity:.5}100%{transform:translate3d(55px,105vh,0) rotate(420deg);opacity:0}}
.crystal-rain i:nth-child(13){--x:17%;--size:10px;--speed:14s;--delay:-10s}.crystal-rain i:nth-child(14){--x:54%;--size:12px;--speed:11s;--delay:-1s}.crystal-rain i:nth-child(15){--x:85%;--size:11px;--speed:13s;--delay:-6s}
.hero-character{display:none}.silhouette{position:absolute;left:50%;top:16%;width:240px;height:76%;transform:translateX(-50%);background:linear-gradient(90deg,transparent 4%,rgba(5,6,8,.8) 19%,#020305 44%,#020305 56%,rgba(5,6,8,.8) 81%,transparent 96%);clip-path:polygon(39% 0,61% 0,67% 16%,61% 24%,72% 38%,65% 53%,77% 100%,23% 100%,35% 53%,28% 38%,39% 24%,33% 16%);filter:drop-shadow(0 0 25px #000)}.wing{position:absolute;top:28%;width:44vw;height:44vh;border:1px solid rgba(207,167,94,.07);background:repeating-linear-gradient(15deg,transparent 0 28px,rgba(255,255,255,.026) 29px 30px);filter:blur(.2px)}.wing-left{left:2%;clip-path:polygon(100% 40%,70% 12%,5% 0,53% 28%,0 30%,55% 43%,12% 65%,68% 53%,28% 100%,78% 63%)}.wing-right{right:2%;transform:scaleX(-1);clip-path:polygon(100% 40%,70% 12%,5% 0,53% 28%,0 30%,55% 43%,12% 65%,68% 53%,28% 100%,78% 63%)}
.hero-runes{position:absolute;border:1px solid rgba(207,167,94,.07);border-radius:50%;z-index:-2}.rune-one{width:560px;height:560px;animation:spin 40s linear infinite}.rune-two{width:690px;height:690px;border-style:dashed;animation:spin 60s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.hero-content{text-align:center;max-width:880px;position:relative}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:4px;color:var(--gold);text-transform:uppercase}.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:20px}.eyebrow i{display:block;width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow i:last-child{transform:scaleX(-1)}
.hero-logo{font-family:Cinzel;line-height:.83;text-shadow:0 12px 40px #000;margin:20px auto 28px}.hero-logo span{display:block;font-size:20px;letter-spacing:17px;color:#c8c4ba;margin-left:17px}.hero-logo strong{display:block;font-size:clamp(68px,9vw,132px);letter-spacing:-4px;background:linear-gradient(#fff 15%,#d5d1c7 45%,#82786b 78%,#eee6d4);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #37332e)}.hero-logo small{font-family:Inter;font-size:9px;letter-spacing:9px;color:#a98f65}.hero-content>p{max-width:680px;margin:0 auto 34px;color:#aeb0b7;line-height:1.75;font-size:14px}
.hero-actions,.play-actions{display:flex;justify-content:center;gap:12px}.button{min-width:190px;padding:16px 24px;display:inline-flex;justify-content:center;position:relative;overflow:hidden;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.7px;border:1px solid var(--line)}.button span{position:relative;z-index:2}.button-primary{border-color:#d13a49;background:linear-gradient(135deg,#a51d2d,#d43142);box-shadow:0 10px 35px rgba(204,38,56,.22)}.button-primary:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:.5s}.button-primary:hover:before{transform:translateX(110%)}.button-ghost{background:rgba(0,0,0,.25);backdrop-filter:blur(6px);color:#d8d3c8;border-color:rgba(207,167,94,.27)}
.server-strip{margin:60px auto 0;width:min(740px,90vw);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(5,6,8,.65);backdrop-filter:blur(12px)}.server-strip div{padding:15px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}.server-strip div:last-child{border:0}.server-strip span{font-size:8px;color:#7f828b;text-transform:uppercase;letter-spacing:1.2px}.server-strip strong{font-size:9px;letter-spacing:1.2px;color:#ddd}.status-dot{width:6px;height:6px;background:#55d78b;border-radius:50%;box-shadow:0 0 10px #55d78b}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:7px;letter-spacing:3px;color:#63666e}.scroll-cue b{height:28px;width:1px;background:linear-gradient(var(--gold),transparent)}
.section{padding:120px max(6vw,24px)}.section-heading{max-width:720px}.section-heading.centered{text-align:center;margin:0 auto 60px}.section-heading h2,.ranking h2,.community h2,.play h2{font-family:Cinzel;font-size:clamp(36px,4.8vw,70px);font-weight:500;line-height:1.07;letter-spacing:-2px;margin:14px 0 22px}.section-heading h2 em,.ranking h2 em,.play h2 em{font-style:normal;color:var(--gold)}.section-heading p,.ranking-copy p,.community p,.play p{color:var(--muted);line-height:1.85;font-size:14px;max-width:650px}
.intro{background:linear-gradient(180deg,#07080b,#0b0d11)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-grid article{padding:35px 30px;border-right:1px solid var(--line);min-height:190px}.stat-grid article:last-child{border:0}.stat-grid article>span{font-family:Cinzel;color:#5e4c35;font-size:12px}.stat-grid strong{display:block;font-family:Cinzel;font-size:20px;margin:18px 0 10px}.stat-grid p{color:#747780;line-height:1.65;font-size:12px}
.downloads{scroll-margin-top:72px;background:radial-gradient(circle at 50% 35%,rgba(113,22,34,.16),transparent 38%),#090b0f}.downloads .section-heading p{margin-left:auto;margin-right:auto}.download-grid{max-width:1160px;margin:0 auto 55px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.download-card{min-height:155px;padding:26px 20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(207,167,94,.05),#0b0d11);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s}.download-card:hover{transform:translateY(-5px);border-color:rgba(207,167,94,.55);box-shadow:0 18px 45px rgba(0,0,0,.3)}.download-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(207,167,94,.5);transform:rotate(45deg);color:var(--gold);font:700 16px Cinzel;margin-bottom:22px}.download-card strong{font:600 17px Cinzel}.download-card small{margin-top:8px;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.requirements{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.requirement-card{padding:38px;border:1px solid var(--line);background:#0b0d11}.requirement-card.recommended{border-color:rgba(207,167,94,.28);background:linear-gradient(145deg,rgba(207,167,94,.07),#0b0d11 55%)}.requirement-card h3{font:600 24px Cinzel;margin:12px 0 25px}.requirement-card ul{list-style:none;padding:0;margin:0}.requirement-card li{display:grid;grid-template-columns:135px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.requirement-card li:last-child{border-bottom:0}.requirement-card li span{color:#747780;text-transform:uppercase;font-size:8px;letter-spacing:1px}.requirement-card li strong{color:#d6d2ca;font-weight:500}
.ranking{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center;background:linear-gradient(120deg,#0d0f14,#07080b)}.ranking-tabs{display:flex;gap:10px;margin-top:32px}.ranking-tabs button{background:transparent;border:1px solid var(--line);color:#787b84;padding:11px 18px;font:700 9px Inter;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.ranking-tabs button.active{border-color:rgba(207,167,94,.4);color:var(--gold)}.rank-table{border:1px solid var(--line);background:rgba(12,14,19,.8);padding:12px 24px}.rank-head,.rank-row{display:grid;grid-template-columns:50px 1.5fr 1fr .8fr;align-items:center;min-height:56px;border-bottom:1px solid var(--line);font-size:11px}.rank-head{color:#565a63;text-transform:uppercase;font-size:8px;letter-spacing:1.5px}.rank-row .pos{font-family:Cinzel;color:var(--gold);font-size:16px}.rank-row strong{font-size:12px}.rank-row span{color:#8c9098}.rank-row b{color:#d2b67c;font-weight:600}.text-link{display:block;text-align:right;padding:19px 0 8px;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:1.5px}
.community{background:linear-gradient(#090a0e,#07080b)}.community-panel{max-width:1160px;margin:auto;min-height:410px;border:1px solid rgba(207,167,94,.2);display:flex;align-items:center;justify-content:space-between;padding:60px 8%;background:radial-gradient(circle at 85% 50%,rgba(164,28,44,.18),transparent 25%),#0b0d11;overflow:hidden}.community-panel>div:first-child{max-width:570px}.community h2{font-size:clamp(34px,4vw,58px);margin-bottom:12px}.button-discord{margin-top:20px;background:#5865f2;border-color:#6b76f5}.community-orb{width:230px;height:230px;border:1px solid rgba(207,167,94,.2);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 100px rgba(204,38,56,.11)}.community-orb strong{font:700 90px Cinzel;color:rgba(207,167,94,.8)}.orb-ring{position:absolute;inset:22px;border:1px dashed rgba(207,167,94,.28);border-radius:50%;animation:spin 20s linear infinite}
.play{min-height:620px;display:grid;place-items:center;text-align:center;position:relative;background:radial-gradient(circle at 50% 65%,rgba(158,27,42,.25),transparent 22%),linear-gradient(180deg,#07080b,#0e090c)}.play:before{content:"X";position:absolute;font:800 360px Cinzel;color:rgba(255,255,255,.015);top:50%;left:50%;transform:translate(-50%,-50%)}.play-content{position:relative}.play h2{font-size:clamp(44px,6vw,84px);margin:14px 0}.play p{margin:0 auto 30px}
footer{padding:45px max(6vw,24px);display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);background:#06070a}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand>div:last-child{display:flex;flex-direction:column}.footer-brand strong{font:700 16px Cinzel;letter-spacing:2px}.footer-brand span{font-size:7px;color:#646872;letter-spacing:2px;margin-top:4px}.footer-links{display:flex;gap:22px;font-size:9px;text-transform:uppercase;color:#898c94}.footer-links a:hover{color:var(--gold)}footer>p{grid-column:1/-1;color:#51545b;font-size:8px;border-top:1px solid var(--line);padding-top:22px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav,.top-cta{display:none}.menu-button{display:flex;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:#0b0d11;flex-direction:column;gap:4px;align-items:center;justify-content:center}.menu-button span{width:17px;height:1px;background:#ddd}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:25px;background:rgba(7,8,11,.97);flex-direction:column;align-items:center;border-bottom:1px solid var(--line)}.hero-logo strong{letter-spacing:-2px}.server-strip{grid-template-columns:1fr 1fr}.server-strip div:nth-child(2){border-right:0}.server-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article:nth-child(2){border-right:0}.download-grid{grid-template-columns:1fr 1fr}.requirements{grid-template-columns:1fr}.ranking{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.community-orb{display:none}.community-panel{padding:50px 35px}.footer-links{display:none}}
@media(max-width:560px){.topbar{padding:0 20px}.brand{min-width:0}.section{padding:85px 20px}.hero{padding-left:20px;padding-right:20px}.hero-logo strong{font-size:58px}.hero-logo span{font-size:13px;letter-spacing:11px}.hero-logo small{letter-spacing:5px}.hero-actions,.play-actions{flex-direction:column;align-items:center}.server-strip{margin-top:38px}.stat-grid{grid-template-columns:1fr}.stat-grid article{border-right:0;border-bottom:1px solid var(--line)}.stat-grid article:last-child{border-bottom:0}.download-grid{grid-template-columns:1fr}.requirement-card{padding:28px 22px}.requirement-card li{grid-template-columns:1fr;gap:5px}.news-grid{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.rank-table{padding:10px 14px}.rank-head,.rank-row{grid-template-columns:35px 1.4fr .8fr}.rank-head span:nth-child(3),.rank-row span:nth-child(3){display:none}.community-panel{padding:38px 22px}.footer-brand{grid-column:1/-1}.hero-runes{display:none}}
