*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:#050505;color:#fff;overflow:hidden;height:100vh}.glass-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 20% 30%,#0a0f0a,#000)}.glass-bg::after{content:"";position:absolute;width:100%;height:100%;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 800\ 800\"\ opacity=\"0.1\"><path\ fill=\"none\"\ stroke=\"%2322ff88\"\ stroke-width=\"0.8\"\ d=\"M0\ 400\ L800\ 400\ M400\ 0\ L400\ 800\ M200\ 200\ L600\ 600\ M200\ 600\ L600\ 200\"/><circle\ cx=\"400\"\ cy=\"400\"\ r=\"100\"\ stroke=\"%2322ff88\"\ fill=\"none\"/></svg>);background-repeat:repeat;background-size:80px;animation:slowMove 40s linear infinite}@keyframes slowMove {
  0% { background-position: 0 0; }
  100% { background-position: 200px 200px; }
}.app-layout{display:flex;height:100vh;position:relative}.sidebar{width:300px;background:rgba(10,10,10,.55);backdrop-filter:blur(16px);border-right:1px solid rgba(34,255,136,.25);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;height:100vh;position:fixed;left:0;top:0;z-index:10}.logo-area{text-align:center}.logo-area h2{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#47eb41,#199151);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;margin-right:7px}.logo-area p{font-size:1rem;color:#888;margin-top:-20px;margin-right:7px}.nav-menu{display:flex;flex-direction:column;gap:.5rem;margin-top:15px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:14px;color:#e0e0e0;font-weight:500;transition:all .25s;cursor:pointer;background:transparent;border:none;width:100%;font-size:1rem;font-family:inherit;text-decoration:none}.nav-item i{width:24px;font-size:1.2rem;color:#fff}.nav-item.active{background:rgba(34,255,136,.18);color:#2f8;border-left:3px solid #2f8}.nav-item:hover:not(.active) {background:rgba(255,255,255,.05);transform:translateX(4px)}.profile-divider{margin:1rem 0 1rem;border-top:1px solid rgba(34,255,136,.3)}.profile-menu-item{margin-top:.5rem}.server-info{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(34,255,136,.2)}.ip-container{background:rgba(0,0,0,.5);border-radius:12px;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.ip-address{font-family:monospace;font-size:.9rem;color:#2f8;letter-spacing:.5px}.copy-btn{background:rgba(34,255,136,.2);border:none;color:#2f8;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.75rem;transition:all .2s}.copy-btn:hover{background:rgba(34,255,136,.4);transform:scale(1.02)}.online-status{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#aaa;padding:.5rem 0}.online-dot{width:8px;height:8px;background:#2f8;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse {
  0% { opacity: 0.4; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1.2); }
}.main-content{flex:1;margin-left:300px;height:100vh;overflow-y:auto;padding:2rem}#pageFrame{width:100%;height:100%;border:none;animation:fadeSlideUp .45s ease-out forwards;background:transparent}@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.page-content{padding:.5rem}.hero-image{width:100%;height:400px;object-fit:cover;display:block;transition:transform .5s ease;mask-image: linear-gradient(to bottom, 
    transparent 0%,
    black 15%,
    black 85%,
    transparent 100%
  );-webkit-mask-image: linear-gradient(to bottom, 
    transparent 0%,
    black 15%,
    black 85%,
    transparent 100%
  )}.glass-card{background:rgba(20,20,20,.6);backdrop-filter:blur(12px);border-radius:28px;border:1px solid rgba(34,255,136,.25);padding:2rem;margin-bottom:2rem;transition:transform .2s , box-shadow .2s}.glass-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.4);border-color:rgba(34,255,136,.5)}.timer-card{text-align:center;font-size:2rem;font-weight:bold;color:#a7a7a7}.timer-number{font-size:3.5rem;display:inline-block;min-width:90px;color:#fff}h1{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#b0ffd0);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:1.8rem;margin-bottom:1.2rem;color:#2f8}h3{font-size:1.3rem;margin-bottom:1rem;color:#fff}p{line-height:1.4;margin-bottom:1rem}ul,.member-grid{margin-top:1rem}li{margin-bottom:.75rem;line-height:1.5}.btn-green{background:#2f8;border:none;color:#000;font-weight:bold;padding:12px 28px;border-radius:40px;cursor:pointer;font-family:inherit;transition:.2s;font-size:1rem}.btn-green:hover{background:#0c6;transform:scale(1.02);box-shadow:0 0 12px #2f8}.flex-row{display:flex;gap:2rem;flex-wrap:wrap;margin:1.5rem 0}.member-grid{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem}.member-card{background:rgba(0,0,0,.5);border-radius:20px;padding:.8rem 1.5rem;display:flex;align-items:center;gap:12px;border: 1px solid #22ff8844;transition:all .2s}.member-card:hover{transform:translateY(-2px);border-color:#2f8}.badge{background: #22ff8822;padding:6px 14px;border-radius:40px;font-size:.85rem;color:#2f8;display:inline-block;margin-right:.75rem;margin-bottom:.5rem}.wiki-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(34,255,136,.3);padding-bottom:1rem}.wiki-tab{background:transparent;border:none;color:#ccc;font-size:1.1rem;font-weight:600;padding:.6rem 1.5rem;border-radius:40px;cursor:pointer;transition:all .2s}.wiki-tab.active-tab{background:rgba(34,255,136,.2);color:#2f8;box-shadow:0 0 8px rgba(34,255,136,.2)}.wiki-content{display:none;animation:fadeSlideUp .3s ease}.wiki-content.active-wiki{display:block}.plan-card{background:rgba(0,0,0,.6);border-radius:24px;padding:2rem;text-align:center;flex:1;border: 1px solid #22ff8866;transition:all .2s}.plan-card:hover{transform:translateY(-5px);border-color:#2f8}.plan-card h3{margin:1rem 0 .5rem}.plan-card p{font-size:1.5rem;font-weight:bold;color:#2f8;margin:1rem 0}.faq-section{margin-top:2rem}.faq-item{background:rgba(20,20,20,.6);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(34,255,136,.25);margin-bottom:1rem;overflow:hidden;transition:all .25s ease}.faq-item:hover{border-color:rgba(34,255,136,.5);transform:translateY(-2px)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;cursor:pointer;background:rgba(0,0,0,.3);font-weight:600;font-size:1.1rem;transition:background .2s}.faq-question:hover{background:rgba(34,255,136,.08)}.faq-question i{color:#2f8;font-size:1.2rem;transition:transform .3s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 1.5rem;overflow:hidden;transition:max-height .3s ease , padding .3s ease;border-top:1px solid transparent;line-height:1.5;color:#ccc}.faq-item.active .faq-answer{max-height:300px;padding:1rem 1.5rem 1.25rem;border-top-color:rgba(34,255,136,.25)}.faq-answer p{margin-bottom:.5rem}.faq-answer p:last-child{margin-bottom:0}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.feature-card{background:rgba(0,0,0,.4);border-radius:20px;padding:1.5rem;border:1px solid rgba(34,255,136,.2)}.stat-number{font-size:2rem;font-weight:bold;color:#2f8}@media (max-width:800px){.sidebar{width:80px;padding:1rem .5rem}.sidebar .nav-item span,.logo-area p,.server-info span{display:none}.sidebar .nav-item i{margin:0 auto;font-size:1.5rem}.main-content{margin-left:80px}.ip-container{padding:.5rem}.copy-btn{padding:4px 8px;font-size:.7rem}}