:root{--bg:#07050b;--panel:#100b18;--panel2:#151020;--line:#332044;--text:#f5f2f7;--muted:#a79dab;--purple:#c13cff;--violet:#7d24ff;--cyan:#4ed9ff;--green:#63f0c4;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(142,37,255,.14),transparent 30%),radial-gradient(circle at 10% 25%,rgba(78,217,255,.08),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit}.ambient{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(150px);pointer-events:none;opacity:.1;z-index:-1}.ambient-a{background:var(--purple);right:-260px;top:180px}.ambient-b{background:var(--cyan);left:-300px;bottom:-200px}.navbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:50;background:rgba(7,5,11,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(193,60,255,.16)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{width:46px;height:46px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1rem}.brand small{color:var(--muted);font-size:.72rem}.navbar nav{display:flex;gap:5px}.navbar nav a{padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.9rem}.navbar nav a:hover,.navbar nav a.active{background:rgba(255,255,255,.05);color:#fff}.nav-download{border:1px solid rgba(193,60,255,.28)}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:1.4rem}.hero{min-height:calc(100vh - 76px);position:relative;display:flex;align-items:center;background-color:#09070d;background-image:linear-gradient(90deg,rgba(7,5,11,.96) 0%,rgba(7,5,11,.76) 42%,rgba(7,5,11,.28) 75%,rgba(7,5,11,.72) 100%),url('/assets/images/wanacraft-hero.jpg');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,var(--bg))}.hero-content{position:relative;z-index:2;width:min(760px,90vw);margin-left:8vw;padding:80px 0}.kicker{font-size:.73rem;letter-spacing:.16em;font-weight:800;color:#d56cff;text-transform:uppercase}.kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 14px var(--purple);margin-right:8px}.hero-logo{width:min(610px,75vw);max-height:310px;object-fit:contain;object-position:left center;margin:24px 0 5px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}.fallback-title{font-size:clamp(4rem,9vw,8rem);line-height:.86;letter-spacing:-.06em;margin:22px 0}.hero-logo:not([style*="display: none"]) + .fallback-title{display:none}.fallback-title span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}.lead{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:650;margin:10px 0}.hero-copy{max-width:640px;color:var(--muted);line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:14px 20px;border-radius:12px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,#c744ff,#6d2bff);color:#fff;box-shadow:0 10px 35px rgba(166,48,255,.24)}.button.secondary{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff}.button.big{width:100%;min-height:58px}.stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:42px}.stats div{display:flex;flex-direction:column;gap:5px}.stats small,.grid article small,.download-card small{font-size:.68rem;letter-spacing:.14em;color:#bba8c3}.stats strong{font-size:1.08rem}.section{width:min(1380px,90vw);margin:0 auto;padding:90px 0}.section-heading{max-width:780px;margin-bottom:34px}.section h2,.page-hero h1{font-size:clamp(2.3rem,4.8vw,4rem);letter-spacing:-.04em;margin:10px 0}.section-heading p,.page-hero p,.showcase p,.launcher-preview p{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid article,.download-card,.timeline-card{background:linear-gradient(145deg,rgba(22,13,31,.9),rgba(10,8,15,.9));border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.grid article h3{margin:22px 0 8px}.grid article p{color:var(--muted);line-height:1.6}.feature-grid .icon{font-size:1.55rem;color:#d96dff}.showcase,.launcher-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center}.launcher-preview{grid-template-columns:1.25fr .75fr}.showcase-media,.preview-media{border-radius:22px;overflow:hidden;border:1px solid var(--line);min-height:360px;background:linear-gradient(135deg,#160b22,#09070e)}.showcase-media img,.preview-media img{width:100%;height:100%;display:block;object-fit:cover}.image-missing:after{content:"Image WanaCraft";display:grid;place-items:center;min-height:360px;color:var(--muted)}.page-hero{min-height:330px;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(7,5,11,.98),rgba(7,5,11,.55)),url('/assets/images/wanacraft-hero.jpg') center 45%/cover}.page-hero>div{width:min(1380px,90vw);margin:0 auto;padding:80px 0 48px}.page-hero p{max-width:760px}.mod-card small{color:#d96dff!important}.server-grid .wide{grid-column:span 3}.download-card{max-width:900px;margin:0 auto;padding:clamp(26px,5vw,48px)}.download-card h2{font-size:2.5rem}.download-card>p{color:var(--muted)}.pill{display:inline-flex;padding:6px 11px;border-radius:999px;background:rgba(193,60,255,.1);border:1px solid rgba(193,60,255,.24);color:#dd85ff;font-size:.7rem;font-weight:900;letter-spacing:.08em}.download-links{display:flex;gap:18px;justify-content:center;margin-top:18px}.download-links a{color:var(--muted)}.checksum{margin-top:32px}.checksum small{display:block;margin-bottom:7px}.checksum code{display:block;overflow-wrap:anywhere;padding:15px;border-radius:10px;background:#08060c;color:#d96dff}.site-footer{margin-top:80px;border-top:1px solid rgba(193,60,255,.16);background:linear-gradient(180deg,rgba(10,7,15,.65),#060409);padding:55px 5vw 26px}.footer-top{width:min(1450px,100%);margin:auto;display:flex;justify-content:space-between;gap:50px}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{width:72px;height:72px;object-fit:contain}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:1.35rem}.footer-brand span{color:var(--muted);font-size:.78rem;letter-spacing:.1em;margin-top:4px}.footer-cols{display:flex;gap:70px}.footer-cols>div{display:flex;flex-direction:column;gap:8px;min-width:120px}.footer-cols b{margin-bottom:6px}.footer-cols a{color:var(--muted);text-decoration:none;font-size:.86rem}.footer-cols a:hover{color:#fff}.footer-bottom{width:min(1450px,100%);margin:35px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#766d7c;font-size:.78rem}.page-loader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:200;opacity:0;pointer-events:none}.page-loader.active{opacity:1}.page-loader div{width:30%;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));animation:loading .85s ease-in-out infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(430%)}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr}.showcase,.launcher-preview{grid-template-columns:1fr}.hero-content{margin-left:5vw}.server-grid .wide{grid-column:span 2}}@media(max-width:720px){.mobile-toggle{display:block}.navbar nav{display:none;position:absolute;top:76px;left:4vw;right:4vw;flex-direction:column;background:#0c0811;border:1px solid var(--line);padding:10px;border-radius:14px}.navbar nav.open{display:flex}.grid{grid-template-columns:1fr}.server-grid .wide{grid-column:auto}.footer-top,.footer-bottom{flex-direction:column}.footer-cols{gap:35px}.hero{background-position:62% center}.hero-content{margin:0 auto;padding:65px 0}.hero-logo{width:90%}}
/* Minecraft visual layer */
body{background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),radial-gradient(circle at 80% 0,rgba(142,37,255,.14),transparent 30%),radial-gradient(circle at 10% 25%,rgba(78,217,255,.08),transparent 30%);background-size:32px 32px,32px 32px,auto,auto}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.mc-strip{position:relative;z-index:4;width:min(1380px,90vw);margin:-32px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(9,6,14,.92);border:1px solid #3d2350;box-shadow:0 18px 60px rgba(0,0,0,.5),0 0 35px rgba(183,51,255,.08);backdrop-filter:blur(14px)}
.mc-strip>div{min-height:96px;padding:20px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;border-right:1px solid #30203c}.mc-strip>div:last-child{border-right:0}.mc-strip b{font-size:.78rem;letter-spacing:.12em}.mc-strip small{color:var(--muted);font-size:.72rem}.mc-cube{grid-row:1/3;width:38px;height:38px;display:block;box-shadow:inset -8px -8px rgba(0,0,0,.22),inset 5px 5px rgba(255,255,255,.08),0 0 16px rgba(193,60,255,.12);image-rendering:pixelated}.mc-cube.grass{background:linear-gradient(#69a845 0 28%,#795335 28%)}.mc-cube.nether{background:repeating-linear-gradient(45deg,#6e191d 0 8px,#8d2823 8px 16px)}.mc-cube.end{background:linear-gradient(135deg,#e3dda0,#9f9a6c)}.mc-cube.create{background:linear-gradient(135deg,#9b7746 0 48%,#423426 48%)}
.grid article{position:relative;overflow:hidden}.grid article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#b83cff,transparent);opacity:.55}
.pixel-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pixel-tags span{font:800 .66rem/1 monospace;letter-spacing:.08em;padding:9px 10px;border:1px solid #533066;background:#100a17;color:#d996ff;box-shadow:inset 0 -3px rgba(0,0,0,.25)}
.showcase-media{min-height:620px}.showcase-media img{aspect-ratio:1/1;object-position:center}.preview-media{min-height:0}.preview-media img{aspect-ratio:16/9}
@media(max-width:900px){.mc-strip{grid-template-columns:repeat(2,1fr)}.mc-strip>div:nth-child(2){border-right:0}.mc-strip>div{border-bottom:1px solid #30203c}}
@media(max-width:520px){.mc-strip{grid-template-columns:1fr}.mc-strip>div{border-right:0}.showcase-media{min-height:0}}

/* WanaCraft live server */
.server-live-card{position:relative;overflow:hidden;padding:34px;border:1px solid #4b2760;border-radius:22px;background:linear-gradient(135deg,rgba(25,12,36,.96),rgba(8,6,13,.96));box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 45px rgba(193,60,255,.08)}
.server-live-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0,rgba(193,60,255,.16),transparent 34%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;pointer-events:none}
.server-live-head,.server-live-grid,.server-actions{position:relative;z-index:1}.server-live-head{display:flex;align-items:center;gap:20px}.server-live-head h2{font-size:clamp(2rem,4vw,3.6rem);margin:5px 0}.server-live-head p{color:var(--muted);margin:0}.server-orb{width:76px;height:76px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(145deg,#2a1039,#100817);border:1px solid #65317d;box-shadow:inset -8px -8px rgba(0,0,0,.25),0 0 30px rgba(193,60,255,.18)}.server-badge{margin-left:auto;padding:9px 13px;border:1px solid #664078;background:#180d21;font:800 .7rem/1 monospace;letter-spacing:.08em}.server-badge.online{color:#76f59b;border-color:#2f7041;background:rgba(43,126,64,.13);box-shadow:0 0 20px rgba(80,255,120,.08)}.server-badge.offline{color:#ff7c91;border-color:#74313d}.server-badge.checking{color:#d986ff}.server-live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:30px;background:#382047;border:1px solid #382047}.server-live-grid>div{background:#0c0811;padding:20px;display:flex;flex-direction:column;gap:7px}.server-live-grid span{color:#cfa5df;font-size:.76rem}.server-live-grid strong{font-size:1.1rem}.server-live-grid small{color:#817687}.server-actions{display:flex;gap:12px;margin-top:22px}.copy-server{border:0;cursor:pointer;font:inherit}.server-features-title{margin-top:80px}.server-feature-grid code{color:#df8cff;background:#0b0710;border:1px solid #3e234d;padding:3px 6px;border-radius:5px}.server-feature-grid .icon{font-size:2rem}
@media(max-width:900px){.server-live-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.server-live-card{padding:22px}.server-live-head{align-items:flex-start;flex-wrap:wrap}.server-orb{width:58px;height:58px}.server-badge{margin-left:0}.server-live-grid{grid-template-columns:1fr}.server-actions{flex-direction:column}}

/* Centered cinematic hero */
.hero{
  justify-content:center;
  text-align:center;
  background-image:
    linear-gradient(180deg,rgba(7,5,11,.22) 0%,rgba(7,5,11,.18) 38%,rgba(7,5,11,.48) 74%,rgba(7,5,11,.92) 100%),
    radial-gradient(circle at 50% 38%,rgba(10,5,18,.10),rgba(7,5,11,.18) 44%,rgba(7,5,11,.48) 78%),
    url('/assets/images/wanacraft-hero.jpg');
  background-position:center 42%;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.10) 0%,transparent 22%,transparent 78%,rgba(0,0,0,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 58%,var(--bg) 100%);
}
.hero-centered{
  width:min(980px,92vw);
  margin:0 auto;
  padding:70px 0 115px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero-centered .kicker,
.hero-centered .lead,
.hero-centered .hero-copy{
  text-shadow:0 3px 18px rgba(0,0,0,.86),0 1px 3px #000;
}
.hero-centered .hero-logo{
  width:min(720px,82vw);
  max-height:370px;
  object-position:center;
  margin:18px auto 6px;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.72)) drop-shadow(0 0 20px rgba(193,60,255,.20));
}
.hero-centered .hero-copy{max-width:760px;margin-left:auto;margin-right:auto}
.hero-actions-centered{justify-content:center}
.hero-stats{
  justify-content:center;
  gap:0;
  margin-top:30px;
  padding:15px 12px;
  border-top:1px solid rgba(209,111,255,.22);
  border-bottom:1px solid rgba(209,111,255,.16);
  background:linear-gradient(90deg,transparent,rgba(9,5,14,.58),transparent);
  backdrop-filter:blur(5px);
}
.hero-stats>div{
  min-width:130px;
  padding:0 20px;
  border-right:1px solid rgba(255,255,255,.08);
}
.hero-stats>div:last-child{border-right:0}
.hero-stats strong{
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 14px rgba(193,60,255,.22);
}
@media(max-width:760px){
  .hero-centered{padding:55px 0 95px}
  .hero-stats{gap:14px}
  .hero-stats>div{min-width:95px;padding:0 10px;border-right:0}
}