@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--ch-orange:#ff5722;--ch-orange-dark:#e64a19;--ch-orange-glow:#ff572266;--ch-dark:#0a0a0c;--ch-bg:#0f0f12;--ch-glass-bg:#0f0f1299;--ch-glass-panel:#141418cc;--ch-border:#ffffff0f;--ch-border-active:#ff572280;--text-main:#fff;--text-muted:#ffffff80}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--ch-bg);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden}.bg-image{z-index:-2;background:radial-gradient(circle,#1e1e23 0%,#0a0a0c 80%);width:100%;height:100%;position:absolute;top:0;left:0}.bg-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1;background:radial-gradient(circle at 60% 40%, var(--ch-orange-glow) 0%, transparent 40%);opacity:.3;width:100%;height:100%;position:absolute;top:0;left:0}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--ch-orange);color:#fff;box-shadow:0 4px 15px var(--ch-orange-glow)}.btn-primary:hover{background:var(--ch-orange-dark);box-shadow:0 6px 20px var(--ch-orange-glow);transform:translateY(-2px)}.btn-secondary{background:var(--ch-glass-panel);color:var(--text-main);border:1px solid var(--ch-border)}.btn-secondary:hover{background:#28282dcc;border-color:#ffffff26;transform:translateY(-2px)}.glass-panel{background:var(--ch-glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ch-border);box-shadow:0 8px 32px #0000004d}.social-sidebar{z-index:10;-webkit-backdrop-filter:blur(12px);background:#0a0a0f66;border:1px solid #ffffff0a;border-radius:40px;flex-direction:column;align-items:center;gap:15px;padding:20px 10px;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.social-icon{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex}.social-icon.brand,.social-icon.discord,.social-icon.youtube,.social-icon.instagram{background:0 0}.social-icon.tiktok{color:#fff;background:0 0}.social-icon:hover{filter:brightness(1.3);transform:scale(1.1)}.social-icon svg{fill:currentColor;width:20px;height:20px}.top-nav{z-index:10;justify-content:space-between;align-items:center;padding:25px 50px;display:flex;position:absolute;top:0;left:0;right:0}.nav-links{align-items:center;gap:25px;display:flex}.nav-link{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-main);text-shadow:0 0 10px #ffffff4d}.nav-link.active{border-bottom:2px solid var(--ch-orange);padding-bottom:4px}.bottom-stats{background:var(--ch-glass-panel);border:1px solid var(--ch-border);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;gap:10px;padding:10px 15px;display:flex;left:50%;transform:translate(-50%)}.stat-item{background:#ffffff05;border-radius:8px;align-items:center;gap:12px;min-width:140px;padding:8px 16px;display:flex}.stat-icon{border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{font-size:1.1rem;font-weight:700;line-height:1.1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.section{z-index:5;padding:80px 60px;position:relative}.section-title{text-align:center;margin-bottom:10px;font-size:2.2rem;font-weight:700}.section-title span{color:var(--ch-orange)}.section-underline{background:var(--ch-orange);border-radius:2px;width:50px;height:3px;margin:0 auto 50px}.features-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto;display:grid}.feature-card{border:1px solid var(--ch-border);background:#0f0f14b3;border-radius:14px;padding:35px 30px;transition:all .3s}.feature-card:hover{border-color:var(--ch-border-active);transform:translateY(-4px);box-shadow:0 12px 30px #0006}.feature-icon{width:50px;height:50px;color:var(--ch-orange);background:#ff57221a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:24px;height:24px}.feature-card h3{margin-bottom:12px;font-size:1.2rem;font-weight:700}.feature-card p{color:var(--text-muted);margin-bottom:20px;font-size:.9rem;line-height:1.6}.feature-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--ch-orange);background:#ff572214;border:1px solid #ff572226;border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:500}.quick-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto;display:grid}.quick-card{border:1px solid var(--ch-border);background:#0f0f14b3;border-radius:14px;flex-direction:column;padding:35px 30px;transition:all .3s;display:flex}.quick-card:hover{border-color:var(--ch-border-active);transform:translateY(-4px);box-shadow:0 12px 30px #0006}.quick-card h3{margin-bottom:12px;font-size:1.2rem;font-weight:700}.quick-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.connect-box{color:var(--ch-orange);border:1px solid var(--ch-border);background:#00000040;border-radius:8px;justify-content:space-between;align-items:center;margin-top:15px;padding:10px 14px;font-family:monospace;font-size:.85rem;display:flex}.quick-link{color:var(--ch-orange);align-items:center;gap:6px;margin-top:15px;font-size:.9rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.quick-link:hover{gap:10px}.server-stats-row{gap:15px;margin-top:20px;display:flex}.server-stat-box{border:1px solid var(--ch-border);background:#00000040;border-radius:8px;flex:1;padding:12px 16px}.server-stat-box .val{font-size:1.4rem;font-weight:700}.server-stat-box .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem}.updates-grid{grid-template-columns:repeat(2,1fr);gap:25px;max-width:1100px;margin:0 auto;display:grid}.update-card{border:1px solid var(--ch-border);background:#0f0f14b3;border-radius:14px;padding:35px 30px;transition:all .3s;position:relative}.update-card:hover{border-color:var(--ch-border-active);transform:translateY(-4px);box-shadow:0 12px 30px #0006}.update-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.update-meta{text-align:right}.version-badge{color:var(--ch-orange);background:#ff57221a;border:1px solid #ff572233;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.update-date{color:var(--ch-orange);margin-top:4px;font-size:.75rem}.update-card h3{margin-bottom:12px;font-size:1.2rem;font-weight:700}.update-card p{color:var(--text-muted);margin-bottom:20px;font-size:.9rem;line-height:1.6}.update-footer{justify-content:space-between;align-items:center;display:flex}.read-more-btn{border:1px solid var(--ch-border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;transition:all .2s;display:inline-flex}.read-more-btn:hover{border-color:var(--ch-orange);color:var(--ch-orange)}.cta-section{z-index:5;justify-content:center;padding:60px;display:flex;position:relative}.cta-banner{border:1px solid var(--ch-border);text-align:center;background:linear-gradient(135deg,#141419e6 0%,#1e1e23e6 100%);border-radius:16px;width:100%;max-width:700px;padding:50px 60px}.cta-banner h2{margin-bottom:15px;font-size:1.8rem;font-weight:700}.cta-banner h2 span{color:var(--ch-orange)}.cta-banner p{color:var(--text-muted);margin-bottom:25px;font-size:.95rem;line-height:1.6}.cta-buttons{justify-content:center;gap:15px;display:flex}.cta-copyright{color:var(--text-muted);margin-top:20px;font-size:.75rem}.cta-copyright span{color:var(--ch-orange)}.site-footer{border-top:1px solid var(--ch-border);z-index:5;background:#08080ae6;padding:60px 60px 30px;position:relative}.footer-grid{border-bottom:1px solid var(--ch-border);grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto;padding-bottom:30px;display:grid}.footer-brand h3{margin-bottom:12px;font-size:1.3rem;font-weight:800}.footer-brand h3 span{color:var(--ch-orange)}.footer-brand p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.footer-col h4{margin-bottom:18px;font-size:1rem;font-weight:700}.footer-col a{color:var(--text-muted);margin-bottom:10px;font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--ch-orange)}.footer-socials{gap:10px;margin-bottom:18px;display:flex}.footer-social-icon{border:1px solid var(--ch-border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-social-icon:hover{background:var(--ch-orange);color:#fff;border-color:var(--ch-orange)}.footer-social-icon svg{fill:currentColor;width:16px;height:16px}.footer-server-ip{color:var(--text-muted);margin-bottom:5px;font-size:.85rem}.footer-ip-link{font-weight:600;color:var(--ch-orange)!important}.footer-bottom{text-align:center;color:var(--text-muted);max-width:1100px;margin:0 auto;padding-top:25px;font-size:.8rem}

/* Responsiveness */
@media (max-width: 1100px) {
  .features-grid, .quick-grid, .updates-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 20px;
  }
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 20px;
  }
  .cta-banner {
    margin: 0 20px;
  }
}

@media (max-width: 768px) {
  .top-nav {
    flex-direction: column;
    padding: 20px;
    text-align: center;
    position: relative;
    background: var(--ch-glass-bg);
  }
  .top-nav > div {
    flex-direction: column;
    gap: 20px !important;
  }
  .nav-links {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px !important;
  }
  .social-sidebar {
    display: none;
  }
  .bottom-stats {
    flex-direction: column;
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100%;
    max-width: 400px;
    margin: 40px auto 0;
  }
  .stat-item {
    width: 100%;
  }
  .section {
    padding: 60px 20px;
  }
  .features-grid, .quick-grid, .updates-grid, .footer-grid {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    text-align: center;
  }
  .footer-brand {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .footer-socials {
    justify-content: center;
  }
  .cta-banner {
    padding: 40px 20px;
  }
  .cta-buttons {
    flex-direction: column;
  }
  .cta-buttons .btn {
    width: 100%;
  }
  .hero-title {
    font-size: 2.5rem !important;
  }
  .hero-subtitle {
     font-size: 1rem !important;
  }
  .glass-panel {
    padding: 30px 20px !important;
  }
  .glass-grid {
    grid-template-columns: 1fr !important;
  }
}