body{color:#f0e6d3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}:root{--bg-dark:#0d1117;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--emerald:#2ecc71;--emerald-dark:#27ae60;--magenta:#c44dff;--magenta-dark:#9b30ff;--copper:#e67e22;--copper-dark:#d35400;--stone:#7f8c8d;--text:#fff;--text-muted:#bdc3c7;--border:#ffffff1a;--discord:#5865f2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{z-index:1000;background:0 0;padding:1rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0d1117f2;padding:.8rem 0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;display:flex}.logo-icon{font-size:1.5rem}.logo-text{background:linear-gradient(135deg, var(--emerald), var(--magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text)}.nav-right{align-items:center;gap:1rem;display:flex}.online-badge{color:var(--text-muted);background:#ffffff0d;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.online-dot{background:var(--emerald);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.info-btn{color:var(--text);background:#ffffff1a;border-radius:8px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.info-btn:hover{background:#ffffff26}.hero{background-color:#0000;background-image:linear-gradient(#0d1117b3 0%,#0d1117e6 100%),url(/images/hero-bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:space-between;align-items:center;gap:4rem;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg-overlay{pointer-events:none;background:radial-gradient(circle at 20%,#2ecc7126 0%,#0000 50%),radial-gradient(circle at 80%,#c44dff26 0%,#0000 50%);position:absolute;inset:0}.hero-particles{pointer-events:none;position:absolute;inset:0}.particle{background:linear-gradient(135deg, var(--emerald), var(--magenta));opacity:0;border-radius:50%;animation:linear infinite float-up;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1)}}.hero-content{z-index:1;flex:1;max-width:600px;animation:1s ease-out fade-in-left}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.hero-tags{align-items:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.tag{color:var(--text-muted);letter-spacing:.5px;border:1px solid var(--border);background:#ffffff0d;border-radius:50px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.tag-dot{color:var(--text-muted)}.hero-title{margin-bottom:1.5rem}.title-accent{color:var(--emerald);margin-bottom:.5rem;font-size:1.5rem;font-weight:600;display:block}.title-main{background:linear-gradient(135deg, #fff 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;display:block}.hero-description{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-pink{background:linear-gradient(135deg, var(--emerald), var(--emerald-dark));color:#fff;box-shadow:0 4px 20px #2ecc714d}.btn-pink:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2ecc7166}.btn-purple{background:linear-gradient(135deg, var(--magenta), var(--magenta-dark));color:#fff;box-shadow:0 4px 20px #c44dff4d}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c44dff66}.btn-icon-inner{font-size:1.2rem}.server-ip{border:1px solid var(--border);background:#ffffff0d;border-radius:12px;align-items:center;gap:1rem;margin-bottom:2rem;padding:.8rem 1.5rem;display:inline-flex}.ip-label{color:var(--text-muted);font-size:.9rem}.ip-value{color:var(--text);font-weight:600}.copy-btn{color:var(--text);cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;transition:all .3s}.copy-btn:hover{background:#fff3}.server-requirements-note{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:8px;max-width:600px;margin-top:1rem;margin-bottom:2rem;padding:.75rem 1.2rem;font-size:.9rem;line-height:1.5}.server-requirements-note strong{color:#fcd34d}.hero-stats{gap:3rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-num{background:linear-gradient(135deg, var(--emerald), var(--magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.stat-lbl{color:var(--text-muted);letter-spacing:1px;margin-top:.3rem;font-size:.75rem}.hero-preview{z-index:1;flex:1;max-width:500px;animation:1s ease-out .2s both fade-in-right}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.preview-window{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:16px;overflow:hidden}.preview-topbar{border-bottom:1px solid var(--border);background:#0000004d;align-items:center;gap:.5rem;padding:1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.preview-title{color:var(--text-muted);margin-left:auto;font-size:.85rem}.preview-body{text-align:center;padding:2rem}.preview-mc{padding:2rem;position:relative}.mc-logo{letter-spacing:4px;background:linear-gradient(135deg, var(--emerald), var(--magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.mc-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.2rem}.mc-characters{justify-content:center;gap:1rem;margin-bottom:1rem;font-size:2rem;display:flex}.mc-rainbow{background:linear-gradient(90deg, var(--emerald), var(--magenta), var(--copper), var(--emerald));background-size:200%;border-radius:2px;height:4px;animation:3s infinite rainbow-shift}@keyframes rainbow-shift{0%,to{background-position:0%}50%{background-position:100%}}.preview-caption{color:var(--text-muted);margin-top:1rem;font-size:.85rem}.preview-features{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;display:grid}.pf-item{text-align:center}.pf-item strong{margin-bottom:.3rem;font-size:.9rem;display:block}.pf-item span{color:var(--text-muted);font-size:.75rem}.app{transition:filter .28s,opacity .28s}.app.nav-blur-in{filter:blur(12px)brightness(.5);opacity:.6;transition:filter .18s ease-in,opacity .18s ease-in}.app.nav-blur-out{filter:blur()brightness();opacity:1;transition:filter .28s ease-out,opacity .28s ease-out}.section{opacity:0;padding:6rem 0;transition:all .8s ease-out;transform:translateY(40px)}.section.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:4rem}.section-tag{letter-spacing:2px;color:var(--emerald);margin-bottom:1rem;font-size:.8rem;font-weight:600;display:inline-block}.section-title{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.why-section{background-color:#0000;background-image:linear-gradient(#0d1117d9 0%,#0d1117f2 100%),url(/images/features-bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;transition:all .4s;animation:.6s ease-out both fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{background:var(--bg-card-hover);border-color:#2ecc714d;transform:translateY(-5px)}.feature-icon-wrap{background:linear-gradient(135deg,#2ecc711a,#c44dff1a);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;display:flex}.feature-icon{font-size:1.8rem}.feature-card h3{margin-bottom:.8rem;font-size:1.3rem}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.req-section{background:var(--bg-dark)}.req-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.req-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;padding:2rem;transition:all .3s}.req-card:hover{background:var(--bg-card-hover);transform:translateY(-3px)}.req-card.highlight-card{border-color:var(--emerald);background:linear-gradient(135deg,#2ecc711a,#c44dff1a)}.req-card-icon{margin-bottom:1rem;font-size:2.5rem}.req-card-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.req-card-value{font-size:1.3rem;font-weight:700}.req-card-badge{background:var(--emerald);color:#fff;letter-spacing:1px;border-radius:50px;margin-top:.8rem;padding:.3rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.req-note-box{background:#2ecc711a;border:1px solid #2ecc714d;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.req-note-icon{font-size:1.5rem}.req-note-box p{color:var(--emerald);font-weight:500}.discord-section{background-color:#0000;background-image:linear-gradient(#0d1117cc 0%,#0d1117f2 100%),url(/images/discord-bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.discord-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.discord-tag{color:var(--discord)}.discord-title{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.discord-title span{background:linear-gradient(135deg, var(--discord), #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.discord-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.discord-perks{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.perk{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.8rem;padding:1rem;font-size:.95rem;display:flex}.perk span{font-size:1.2rem}.discord-cta{background:var(--discord);color:#fff;border-radius:12px;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.discord-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #5865f266}.discord-card-visual{background:#2c2f33;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}.dc-header{background:#23272a;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1.5rem;display:flex}.dc-server-icon{background:linear-gradient(135deg, var(--emerald), var(--magenta));border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.dc-server-name{font-size:1.1rem;font-weight:700}.dc-server-members{color:#b9bbbe;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.dc-online{background:#22c55e;border-radius:50%;width:8px;height:8px}.dc-channels{padding:1rem}.dc-channel{color:#8e9297;border-radius:8px;margin-bottom:.3rem;padding:.8rem 1rem;font-size:.95rem;transition:all .2s}.dc-channel:hover{color:#dcddde;background:#ffffff0d}.dc-channel.active{color:#fff;background:#ffffff1a}.dc-footer-bar{background:#23272a;border-top:1px solid #ffffff1a;padding:1rem 1.5rem}.dc-online-count{color:#b9bbbe;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.dc-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.download-section{background:linear-gradient(180deg, #1a1a2e 0%, var(--bg-dark) 100%)}.download-cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:900px;margin:0 auto;display:grid}.dl-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;padding:2.5rem;transition:all .3s;position:relative}.dl-card:hover{background:var(--bg-card-hover);transform:translateY(-5px)}.dl-card-main{border-color:var(--emerald);background:linear-gradient(135deg,#2ecc710d,#c44dff0d)}.dl-card-badge{background:linear-gradient(135deg, var(--emerald), var(--magenta));color:#fff;letter-spacing:1px;border-radius:50px;padding:.4rem 1.5rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.dl-card-icon{margin-bottom:1rem;font-size:3rem}.dl-card h3{margin-bottom:.5rem;font-size:1.5rem}.dl-version{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.dl-changelog{text-align:left;margin-bottom:2rem;list-style:none}.dl-changelog li{color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem 0;font-size:.95rem}.dl-changelog li:last-child{border-bottom:none}.dl-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;padding:1.2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.dl-btn-pink{background:linear-gradient(135deg, var(--emerald), var(--emerald-dark));box-shadow:0 4px 20px #2ecc714d}.dl-btn-pink:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2ecc7166}.dl-btn-purple{background:linear-gradient(135deg, var(--magenta), var(--magenta-dark));box-shadow:0 4px 20px #c44dff4d}.dl-btn-purple:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c44dff66}.dl-note{color:var(--text-muted);margin-top:1rem;font-size:.85rem}.footer{background:var(--bg-dark);border-top:1px solid var(--border);padding:3rem 0}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.footer-brand{align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;display:flex}.footer-nav{gap:2rem;display:flex}.footer-nav a{color:var(--text-muted);font-size:.95rem;text-decoration:none;transition:color .3s}.footer-nav a:hover{color:var(--text)}.footer-bottom{text-align:center;border-top:1px solid var(--border);padding-top:2rem}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.lang-selector{position:relative}.lang-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.lang-btn:hover{background:#ffffff24;border-color:#fff3}.lang-flag{font-size:1.1rem;line-height:1}.lang-code{letter-spacing:.5px;font-weight:600}.lang-arrow{opacity:.7;font-size:.7rem;transition:transform .2s}.lang-dropdown{border:1px solid var(--border);z-index:1001;background:#161b22;border-radius:12px;width:220px;max-height:320px;padding:.4rem;animation:.15s ease-out lang-drop-in;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}@keyframes lang-drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown::-webkit-scrollbar{width:6px}.lang-dropdown::-webkit-scrollbar-track{background:0 0}.lang-dropdown::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.lang-option{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .8rem;font-size:.9rem;transition:all .15s;display:flex}.lang-option:hover{color:var(--text);background:#ffffff14}.lang-option.active{color:var(--emerald);background:#2ecc7126}.lang-option-flag{font-size:1.15rem;line-height:1}.lang-option-name{flex:1}@media (width<=968px){.hero{text-align:center;background-attachment:scroll;flex-direction:column;padding-top:6rem}.hero-content{max-width:100%}.hero-tags,.hero-buttons,.hero-stats{justify-content:center}.hero-preview{max-width:100%}.discord-wrapper{grid-template-columns:1fr}.nav-links{display:none}.why-section,.discord-section{background-attachment:scroll}}@media (width<=640px){.hero-buttons{flex-direction:column}.btn{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:1.5rem}.discord-perks,.preview-features{grid-template-columns:1fr}.footer-top{text-align:center;flex-direction:column}.footer-nav{flex-wrap:wrap;justify-content:center}}