.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border-bottom:2px solid var(--primary-green);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:#0f0f0ffa;box-shadow:0 4px 20px #0000004d}.navbar-content{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md) 0;position:relative}.navbar-logo{color:inherit;text-decoration:none}.logo-container{align-items:baseline;display:flex;gap:var(--spacing-sm)}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:700;text-shadow:none}.logo-version{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:400}.desktop-nav{align-items:center;display:flex;gap:var(--spacing-xl)}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:700;letter-spacing:1px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:before{background:var(--primary-green);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link.active,.nav-link:hover{color:var(--primary-green)}.nav-link.active:before,.nav-link:hover:before{width:100%}.server-status{align-items:center;display:flex}.status-indicator{padding:var(--spacing-sm) var(--spacing-md)}.social-links{align-items:center;display:flex;gap:var(--spacing-md)}.social-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-lg);padding:var(--spacing-sm);transition:all .3s ease}.social-link:hover{background:#4caf501a;color:var(--primary-green)}.user-menu{align-items:center;display:flex}.user-dropdown{position:relative}.user-button{align-items:center;background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.user-button:hover{background:var(--lighter-bg);border-color:var(--primary-green)}.username{color:var(--primary-green);font-weight:700}.dropdown-menu{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-heavy);margin-top:var(--spacing-sm);min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.user-info{border-bottom:1px solid var(--lighter-bg);padding:var(--spacing-md)}.user-name{color:var(--primary-green);display:block;font-weight:700;margin-bottom:var(--spacing-xs)}.user-role{color:var(--text-muted);display:block;font-size:var(--font-size-sm);text-transform:uppercase}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.dropdown-item:hover{background:var(--lighter-bg);color:var(--primary-green)}.auth-buttons{align-items:center;display:flex;gap:var(--spacing-md)}.mobile-menu-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:none;font-size:var(--font-size-lg);padding:var(--spacing-sm);transition:all .3s ease}.mobile-menu-btn:hover{background:var(--lighter-bg);color:var(--primary-green)}.mobile-nav{background:var(--light-bg);border-top:1px solid var(--lighter-bg);display:none;overflow:hidden}.mobile-nav-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.mobile-nav-link{border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:700;letter-spacing:1px;padding:var(--spacing-md);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--lighter-bg);border-color:var(--primary-green);color:var(--primary-green)}.mobile-social-links{border-top:1px solid var(--lighter-bg);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.mobile-social-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);text-decoration:none;transition:all .3s ease}.mobile-social-link:hover{background:var(--lighter-bg);color:var(--primary-green)}@media (max-width:1024px){.desktop-nav{gap:var(--spacing-lg)}.social-links{gap:var(--spacing-sm)}.social-link{font-size:var(--font-size-md)}}@media (max-width:768px){.desktop-nav,.server-status,.social-links{display:none}.mobile-menu-btn,.mobile-nav{display:block}.auth-buttons{gap:var(--spacing-sm)}.auth-buttons .btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.logo-text{font-size:var(--font-size-lg)}.logo-version{font-size:var(--font-size-xs)}}@media (max-width:480px){.navbar-content{padding:var(--spacing-sm) 0}.auth-buttons{flex-direction:column;gap:var(--spacing-xs)}.auth-buttons .btn{font-size:var(--font-size-xs)}.auth-buttons .btn,.user-button{padding:var(--spacing-xs) var(--spacing-sm)}.username{display:none}}.footer{background:var(--darker-bg);border-top:2px solid var(--primary-green);color:var(--text-primary);padding:var(--spacing-xxl) 0 var(--spacing-lg) 0}.footer-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--primary-green);font-size:var(--font-size-xl)}.footer-subtitle,.footer-title{margin-bottom:var(--spacing-sm)}.footer-subtitle{color:var(--secondary-blue);font-size:var(--font-size-lg);letter-spacing:1px;text-transform:uppercase}.footer-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.server-status-footer{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.status-item svg{color:var(--primary-green);font-size:var(--font-size-md)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.footer-link{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:all .3s ease}.footer-link:hover{color:var(--primary-green);transform:translateX(5px)}.community-stats{gap:var(--spacing-md)}.community-stats,.stat-item{display:flex;flex-direction:column}.stat-item{gap:var(--spacing-xs)}.stat-number{color:var(--primary-green);font-size:var(--font-size-lg);font-weight:700}.stat-label{color:var(--text-muted)}.social-links-footer{display:flex;flex-direction:column;gap:var(--spacing-sm)}.social-link-footer{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm);text-decoration:none;transition:all .3s ease}.social-link-footer:hover{background:#4caf501a;color:var(--primary-green);transform:translateX(5px)}.social-link-footer svg{font-size:var(--font-size-md)}.contact-info{margin-top:var(--spacing-md)}.contact-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.contact-item svg{color:var(--secondary-blue);font-size:var(--font-size-md)}.footer-bottom{border-top:1px solid var(--lighter-bg);padding-top:var(--spacing-lg)}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.copyright{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.heart-icon{animation:heartbeat 2s ease-in-out infinite;color:#f44336}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.footer-bottom-link{color:var(--text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:all .3s ease}.footer-bottom-link:hover{color:var(--primary-green)}@media (max-width:768px){.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-bottom-links{gap:var(--spacing-md);justify-content:center}.footer-title{font-size:var(--font-size-lg)}.footer-subtitle,.stat-number{font-size:var(--font-size-md)}.social-link-footer{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md) 0}.footer-content{gap:var(--spacing-md)}.footer-bottom-links{flex-direction:column;gap:var(--spacing-sm)}.copyright,.footer-bottom-link{font-size:var(--font-size-xs)}}.hero-section{align-items:center;background:linear-gradient(135deg,#1a1a1a,#0f0f0f 50%,#2a2a2a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-background{z-index:1}.clouds,.hero-background{height:100%;left:0;position:absolute;top:0;width:100%}.cloud{animation:cloud-float 20s linear infinite;border-radius:50px;height:60px;opacity:.3;width:200px}.cloud,.cloud:after,.cloud:before{background:#ffffff1a;position:absolute}.cloud:after,.cloud:before{border-radius:50%;content:""}.cloud:before{height:80px;left:30px;top:-40px;width:80px}.cloud:after{height:60px;right:30px;top:-30px;width:60px}@keyframes cloud-float{0%{transform:translateX(-200px)}to{transform:translateX(calc(100vw + 200px))}}.fog-layer{height:100%;left:0;top:0;width:100%}.fog,.fog-layer{position:absolute}.fog{animation:fog-drift 15s linear infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:100px;opacity:.2;width:300px}@keyframes fog-drift{0%{transform:translateX(-300px)}to{transform:translateX(calc(100vw + 300px))}}.happy-ghast{height:120px;pointer-events:none;position:absolute;width:120px;z-index:10}.ghast-body{animation:ghast-glow 3s ease-in-out infinite;background:radial-gradient(circle,#f0f0f0 0,#e0e0e0 50%,#d0d0d0 100%);border-radius:50%;box-shadow:0 0 20px #ffffff4d,inset 0 0 20px #ffffff80;height:100%;position:relative;width:100%}@keyframes ghast-glow{0%,to{box-shadow:0 0 20px #ffffff4d,inset 0 0 20px #ffffff80}50%{box-shadow:0 0 30px #ffffff80,inset 0 0 30px #ffffffb3}}.ghast-tentacles{height:100%;transform:translate(-50%,-50%);width:100%}.ghast-tentacles,.tentacle{left:50%;position:absolute;top:50%}.tentacle{animation:tentacle-wave 2s ease-in-out infinite;background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border-radius:2px;height:60px;transform-origin:top center;width:4px}@keyframes tentacle-wave{0%,to{transform:rotate(var(--rotation)) scaleY(1)}50%{transform:rotate(calc(var(--rotation) + 10deg)) scaleY(1.1)}}.ghast-face{height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.ghast-eyes{display:flex;justify-content:space-between;margin-bottom:8px}.eye{animation:eye-blink 4s ease-in-out infinite;background:#4caf50;border-radius:50%;height:12px;width:12px}.eye.left-eye{animation-delay:0s}.eye.right-eye{animation-delay:.5s}@keyframes eye-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.ghast-mouth{animation:mouth-smile 3s ease-in-out infinite;background:#4caf50;border-radius:0 0 10px 10px;height:8px;margin:0 auto;width:20px}@keyframes mouth-smile{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.2)}}.hero-content{margin:0 auto;max-width:800px;padding:0 var(--spacing-md);position:relative;text-align:center;z-index:20}.hero-text{color:var(--text-primary)}.hero-title{-webkit-text-fill-color:#0000;animation:title-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#2196f3,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,6rem);margin-bottom:var(--spacing-lg);text-shadow:none}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 10px rgba(76,175,80,.3))}50%{filter:drop-shadow(0 0 20px rgba(76,175,80,.6))}}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.6}.hero-features,.hero-subtitle{margin-bottom:var(--spacing-xl)}.hero-features{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.feature-tag{align-items:center;animation:feature-pulse 2s ease-in-out infinite;background:#4caf501a;border:1px solid var(--primary-green);border-radius:var(--radius-md);color:var(--primary-green);display:flex;font-size:var(--font-size-sm);font-weight:700;gap:var(--spacing-sm);letter-spacing:1px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}@keyframes feature-pulse{0%,to{box-shadow:0 0 10px #4caf5033;transform:scale(1)}50%{box-shadow:0 0 20px #4caf5066;transform:scale(1.05)}}.hero-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.server-status-display{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.status-indicator{align-items:center;background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg)}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.online{background:var(--primary-green);box-shadow:0 0 10px var(--primary-green)}.status-dot.offline{background:#f44336;box-shadow:0 0 10px #f44336}.status-text{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:700}.server-ip-display{align-items:center;background:var(--light-bg);border:1px solid var(--primary-green);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg)}.ip-label{color:var(--text-muted);font-size:var(--font-size-sm)}.ip-address{color:var(--primary-green);font-family:Courier New,monospace;font-size:var(--font-size-md);font-weight:700}.action-buttons{gap:var(--spacing-md)}.hero-btn{font-size:var(--font-size-md);min-width:160px;padding:var(--spacing-md) var(--spacing-xl)}.scroll-indicator{align-items:center;bottom:var(--spacing-xl);color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-sm);left:50%;position:absolute;transform:translateX(-50%);z-index:20}.scroll-arrow{border-bottom:2px solid var(--text-secondary);border-right:2px solid var(--text-secondary);height:20px;transform:rotate(45deg);width:20px}.locator-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fe6;border-top:2px solid var(--primary-green);bottom:0;left:0;position:absolute;right:0;z-index:15}.locator-content{display:flex;justify-content:space-around;margin:0 auto;max-width:600px;padding:var(--spacing-md) 0}.locator-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.locator-label{color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase}.locator-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700}.locator-value.online{color:var(--primary-green)}.locator-value.offline{color:#f44336}@media (max-width:768px){.hero-features{align-items:center;flex-direction:column}.feature-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.action-buttons{align-items:center;flex-direction:column}.hero-btn{max-width:280px;width:100%}.locator-content{flex-direction:column;gap:var(--spacing-sm)}.happy-ghast{height:80px;width:80px}.ghast-face{height:30px;width:40px}.eye{height:8px;width:8px}.ghast-mouth{height:6px;width:15px}}@media (max-width:480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.server-status-display{gap:var(--spacing-sm)}.server-ip-display,.status-indicator{padding:var(--spacing-xs) var(--spacing-md)}}.feature-highlights{margin-top:var(--spacing-xxl)}.features-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.feature-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:var(--gradient-primary);box-shadow:var(--shadow-medium);color:#fff;margin-bottom:var(--spacing-lg)}.feature-title{color:var(--primary-green);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);text-align:center}.feature-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg);text-align:center}.feature-list{list-style:none;margin-bottom:var(--spacing-lg)}.feature-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.item-icon{color:var(--primary-green);flex-shrink:0;font-size:var(--font-size-xs)}.feature-actions{display:flex;justify-content:center}.feature-btn{font-size:var(--font-size-sm);min-width:120px;padding:var(--spacing-sm) var(--spacing-lg)}@media (max-width:768px){.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.feature-card{padding:var(--spacing-lg)}.feature-icon{font-size:var(--font-size-xl);height:60px;width:60px}.feature-title{font-size:var(--font-size-lg)}.feature-description{font-size:var(--font-size-sm)}}@media (max-width:480px){.feature-card{padding:var(--spacing-md)}.feature-icon{font-size:var(--font-size-lg);height:50px;width:50px}.feature-title{font-size:var(--font-size-md)}.feature-item{font-size:var(--font-size-xs)}}.countdown-timer{margin:var(--spacing-xl) 0;text-align:center}.countdown-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto var(--spacing-xl) auto;max-width:600px}.countdown-unit{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.countdown-unit:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-5px)}.unit-icon{color:#fffc;font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.unit-value{color:#fff;font-family:Orbitron,monospace;font-size:var(--font-size-xxl);font-weight:700;margin-bottom:var(--spacing-xs);text-shadow:2px 2px 4px #00000080}.unit-label{color:#fffc;font-size:var(--font-size-sm);font-weight:700;letter-spacing:1px;text-transform:uppercase}.countdown-message{align-items:center;color:#ffffffe6;display:flex;font-size:var(--font-size-lg);gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.message-icon{animation:rocket-bounce 2s ease-in-out infinite;color:var(--accent-orange);font-size:var(--font-size-xl)}@media (max-width:768px){.countdown-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.countdown-unit{padding:var(--spacing-md)}.unit-value{font-size:var(--font-size-xl)}.unit-label{font-size:var(--font-size-xs)}.countdown-message{flex-direction:column;font-size:var(--font-size-md);gap:var(--spacing-sm)}}@media (max-width:480px){.countdown-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.countdown-unit{padding:var(--spacing-sm)}.unit-value{font-size:var(--font-size-lg)}.unit-icon{font-size:var(--font-size-md)}.countdown-message{font-size:var(--font-size-sm)}}.community-content{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.section-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xl);text-align:center}.social-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.social-card{text-align:center}.social-card:before{background:var(--social-color)}.social-card:hover{border-color:var(--social-color)}.social-icon{color:var(--social-color);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.social-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.social-label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:var(--primary-green);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{align-items:center;display:flex;margin-bottom:var(--spacing-xl);position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{flex-shrink:0;position:relative;z-index:10}.marker-dot{border:4px solid var(--dark-bg);border-radius:50%;box-shadow:var(--shadow-medium);height:20px;width:20px}.marker-dot,.marker-line{background:var(--primary-green)}.marker-line{height:2px;position:absolute;top:50%;width:50px}.timeline-item:nth-child(odd) .marker-line{left:100%}.timeline-item:nth-child(2n) .marker-line{right:100%}.timeline-content{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);flex:1 1;margin:0 var(--spacing-lg);max-width:300px;padding:var(--spacing-lg);transition:all .3s ease}.timeline-content:hover{border-color:var(--primary-green);box-shadow:var(--shadow-medium)}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.timeline-title{color:var(--primary-green);font-size:var(--font-size-lg);margin:0}.timeline-date{background:var(--lighter-bg);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.timeline-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-md)}.timeline-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.timeline-feature{background:#4caf501a;border:1px solid #4caf5033;border-radius:var(--radius-sm);color:var(--primary-green);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-badge{align-items:center;display:flex;font-size:var(--font-size-xs);font-weight:700;gap:var(--spacing-xs);letter-spacing:1px;text-transform:uppercase}.status-badge.active{color:var(--primary-green)}.status-badge.active svg{animation:pulse 2s infinite}@media (max-width:768px){.social-grid,.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.social-card,.stat-card{padding:var(--spacing-lg)}.timeline:before{left:20px}.timeline-item{flex-direction:row!important}.timeline-marker{margin-right:var(--spacing-lg)}.marker-line{left:100%!important;width:30px}.timeline-content{flex:1 1;margin:0;max-width:none}.section-title{font-size:var(--font-size-xl)}}@media (max-width:480px){.social-grid,.stats-grid{grid-template-columns:1fr}.social-card,.stat-card{padding:var(--spacing-md)}.social-icon,.stat-icon{font-size:var(--font-size-xl)}.social-value,.stat-value{font-size:var(--font-size-lg)}.timeline-content{padding:var(--spacing-md)}.timeline-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.server-stats{background:var(--light-bg);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-xxl) 0}.stats-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.stats-title{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);text-align:center}.stats-title,.title-icon{color:var(--primary-green);font-size:var(--font-size-xxl)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.stat-item{background:var(--dark-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.stat-item:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-item:hover:before{transform:scaleX(1)}.stat-item:hover{border-color:var(--primary-green);box-shadow:var(--shadow-heavy);transform:translateY(-5px)}.stat-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:#ffffff1a;border-radius:50%;font-size:var(--font-size-xl);height:40px;justify-content:center;width:40px}.stat-label{font-weight:700}.stat-value{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xs);text-shadow:2px 2px 4px #0000004d}.stat-subvalue{color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.server-info{margin-top:var(--spacing-xl)}.info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{align-items:center;background:var(--dark-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:all .3s ease}.info-item:hover{border-color:var(--primary-green);box-shadow:var(--shadow-medium)}.info-icon{align-items:center;background:#4caf501a;border-radius:50%;color:var(--primary-green);display:flex;flex-shrink:0;font-size:var(--font-size-xxl);height:60px;justify-content:center;width:60px}.info-content h4{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.info-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.stat-item[data-status=online] .stat-value{color:#4caf50}.stat-item[data-status=offline] .stat-value{color:#f44336}.stat-item[data-status=warning] .stat-value{color:#ff9800}@media (max-width:768px){.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.stat-item{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-xl)}.info-grid{grid-template-columns:1fr}.info-item{flex-direction:column;gap:var(--spacing-md);text-align:center}.info-icon{height:50px;width:50px}.info-icon,.stats-title{font-size:var(--font-size-xl)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-item{padding:var(--spacing-sm)}.stat-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.stat-icon{height:35px;width:35px}.stat-icon,.stat-value{font-size:var(--font-size-lg)}.stat-value{text-align:center}.info-item{padding:var(--spacing-md)}.info-content h4{font-size:var(--font-size-md)}.info-content p{font-size:var(--font-size-xs)}}.home-page{padding-top:80px}.section-header{margin-bottom:var(--spacing-xxl);text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.section-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.server-stats-section{background:var(--light-bg);border-bottom:1px solid var(--lighter-bg);padding:var(--spacing-xxl) 0}.features-section{background:var(--dark-bg);padding:var(--spacing-xxl) 0}.countdown-section{background:linear-gradient(135deg,var(--primary-green-dark),var(--secondary-blue-dark));overflow:hidden;padding:var(--spacing-xxl) 0;position:relative}.countdown-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.countdown-container{color:#fff;position:relative;text-align:center;z-index:10}.countdown-header h2{color:#fff;font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #00000080}.countdown-header p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:.9}.countdown-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl)}.community-section{background:var(--light-bg);padding:var(--spacing-xxl) 0}.cta-section{background:var(--darker-bg);border-top:1px solid var(--lighter-bg);padding:var(--spacing-xxl) 0}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-content h2{color:var(--text-primary);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.cta-content p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.cta-buttons{align-items:center;gap:var(--spacing-xl)}.cta-buttons,.server-info{display:flex;flex-direction:column}.server-info{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);gap:var(--spacing-sm);min-width:300px;padding:var(--spacing-lg)}.server-ip{color:var(--primary-green);font-family:Courier New,monospace;font-size:var(--font-size-xl);font-weight:700;text-align:center}.server-version{color:var(--text-secondary);font-size:var(--font-size-md);text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.particles{position:fixed;z-index:1}.particle{opacity:.6}@media (max-width:768px){.home-page{padding-top:60px}.section-header h2{font-size:var(--font-size-xl)}.section-header p{font-size:var(--font-size-md)}.countdown-header h2{font-size:var(--font-size-xl)}.countdown-header p{font-size:var(--font-size-md)}.countdown-actions{align-items:center;flex-direction:column}.cta-content h2{font-size:var(--font-size-xl)}.cta-content p{font-size:var(--font-size-md)}.action-buttons{align-items:center;flex-direction:column}.server-info{min-width:250px}.server-ip{font-size:var(--font-size-lg)}}@media (max-width:480px){.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{font-size:var(--font-size-lg)}.section-header p{font-size:var(--font-size-sm)}.countdown-header h2{font-size:var(--font-size-lg)}.countdown-header p{font-size:var(--font-size-sm)}.cta-content h2{font-size:var(--font-size-lg)}.cta-content p{font-size:var(--font-size-sm)}.server-info{min-width:200px;padding:var(--spacing-md)}.server-ip{font-size:var(--font-size-md)}.server-version{font-size:var(--font-size-sm)}}.features-page{background:var(--dark-bg);color:var(--text-primary);min-height:100vh}.features-hero{background:var(--gradient-primary);margin-bottom:var(--spacing-xxl);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.features-hero h1{color:#fff;font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #00000080}.features-hero p{color:#ffffffe6;font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.features-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.feature-section{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);transition:all .3s ease}.feature-section:hover{border-color:var(--primary-green);box-shadow:var(--shadow-heavy)}.feature-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.feature-header,.feature-icon{align-items:center;display:flex}.feature-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;font-size:var(--font-size-xxxl);height:80px;justify-content:center;width:80px}.feature-info h2{color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.feature-info p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0}.feature-details h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.feature-details ul{list-style:none;margin:0;padding:0}.feature-details li{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-md);gap:var(--spacing-md);line-height:1.5;padding:var(--spacing-sm) 0}.detail-icon{color:var(--primary-green);flex-shrink:0;font-size:var(--font-size-sm)}.features-cta{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);margin:var(--spacing-xxl) var(--spacing-lg);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.cta-icon{animation:rocket-bounce 2s ease-in-out infinite;color:var(--accent-orange);font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-lg)}.features-cta h3{color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.features-cta p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:500px}@keyframes rocket-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.features-hero h1{font-size:var(--font-size-xxl)}.features-hero p{font-size:var(--font-size-md)}.feature-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.feature-icon{font-size:var(--font-size-xxl);height:60px;width:60px}.feature-info h2{font-size:var(--font-size-xl)}.feature-info p{font-size:var(--font-size-md)}.feature-details h3{font-size:var(--font-size-lg)}.feature-details li{font-size:var(--font-size-sm)}.features-cta h3{font-size:var(--font-size-xl)}.features-cta p{font-size:var(--font-size-md)}}@media (max-width:480px){.features-hero{padding:var(--spacing-xl) var(--spacing-md)}.features-content{padding:0 var(--spacing-md)}.feature-section{padding:var(--spacing-lg)}.feature-icon{font-size:var(--font-size-xl);height:50px;width:50px}.feature-info h2{font-size:var(--font-size-lg)}.feature-info p{font-size:var(--font-size-sm)}.feature-details li{font-size:var(--font-size-xs)}.features-cta{margin:var(--spacing-xl) var(--spacing-md);padding:var(--spacing-xl) var(--spacing-md)}.cta-icon{font-size:var(--font-size-xxl)}.features-cta h3{font-size:var(--font-size-lg)}.features-cta p{font-size:var(--font-size-sm)}}.community-page{background:var(--dark-bg);color:var(--text-primary);min-height:100vh}.community-hero{background:var(--gradient-primary);margin-bottom:var(--spacing-xxl);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.community-hero h1{color:#fff;font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #00000080}.community-hero p{color:#ffffffe6;font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.community-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.community-content section{margin-bottom:var(--spacing-xxl)}.community-content h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xl);text-align:center}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-heavy)}.stat-icon{color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.social-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.social-card{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease}.social-card:before{background:var(--platform-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.social-card:hover:before{transform:scaleX(1)}.social-card:hover{border-color:var(--platform-color);box-shadow:var(--shadow-heavy)}.platform-icon{color:var(--platform-color);font-size:var(--font-size-xxxl);text-align:center}.platform-info h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);text-align:center}.platform-info p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--spacing-md)}.platform-info p,.platform-stats{text-align:center}.member-count{background:#4caf501a;border:1px solid #4caf5033;border-radius:var(--radius-sm);color:var(--primary-green);font-size:var(--font-size-sm);font-weight:700;padding:var(--spacing-xs) var(--spacing-sm)}.join-button{background:var(--platform-color);border-radius:var(--radius-sm);color:#fff;font-weight:700;letter-spacing:1px;margin-top:auto;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-transform:uppercase;transition:all .3s ease}.join-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.feature-item:hover{border-color:var(--primary-green);box-shadow:var(--shadow-medium);transform:translateY(-5px)}.feature-icon{color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.feature-item h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.feature-item p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}@media (max-width:768px){.community-hero h1{font-size:var(--font-size-xxl)}.community-hero p{font-size:var(--font-size-md)}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.social-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-item,.social-card,.stat-card{padding:var(--spacing-lg)}.community-content h2{font-size:var(--font-size-xl)}}@media (max-width:480px){.community-hero{padding:var(--spacing-xl) var(--spacing-md)}.community-content{padding:0 var(--spacing-md)}.features-grid,.stats-grid{grid-template-columns:1fr}.feature-item,.social-card,.stat-card{padding:var(--spacing-md)}.platform-icon{font-size:var(--font-size-xxl)}.platform-info h3{font-size:var(--font-size-lg)}.platform-info p{font-size:var(--font-size-sm)}.feature-icon{font-size:var(--font-size-xl)}.feature-item h3{font-size:var(--font-size-md)}.feature-item p{font-size:var(--font-size-xs)}}.login-page{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.login-container{max-width:400px;width:100%}.login-card{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-heavy);padding:var(--spacing-xl)}.login-header{margin-bottom:var(--spacing-xl);text-align:center}.login-header h1{color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.login-header p{color:var(--text-secondary);font-size:var(--font-size-md)}.login-form{margin-bottom:var(--spacing-lg)}.form-options{justify-content:space-between}.forgot-link{color:var(--primary-green);font-size:var(--font-size-sm);text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:var(--accent-orange)}.login-btn{font-size:var(--font-size-md);font-weight:600;overflow:hidden;padding:var(--spacing-md);position:relative;width:100%}.login-btn.loading{pointer-events:none}.login-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.login-footer{text-align:center}.login-footer p{color:var(--text-secondary);font-size:var(--font-size-sm)}.register-link{color:var(--primary-green);font-weight:600;text-decoration:none;transition:color .3s ease}.register-link:hover{color:var(--accent-orange)}@media (max-width:480px){.login-page{padding:var(--spacing-md)}.login-card{padding:var(--spacing-lg)}.login-header h1{font-size:var(--font-size-xl)}.login-header p{font-size:var(--font-size-sm)}.form-options{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}.register-page{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.register-container{max-width:400px;width:100%}.register-card{background:var(--light-bg);border:1px solid var(--lighter-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-heavy);padding:var(--spacing-xl)}.register-header{margin-bottom:var(--spacing-xl);text-align:center}.register-header h1{color:var(--primary-green);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.register-header p{color:var(--text-secondary);font-size:var(--font-size-md)}.form-group,.register-form{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-sm)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);font-size:var(--font-size-md);left:var(--spacing-md);position:absolute;z-index:1}.input-wrapper input{background:var(--dark-bg);border:2px solid var(--lighter-bg);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md)*2 + 16px);transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #4caf501a;outline:none}.input-wrapper input::placeholder,.password-toggle{color:var(--text-muted)}.password-toggle{background:none;border:none;cursor:pointer;font-size:var(--font-size-md);position:absolute;right:var(--spacing-md);transition:color .3s ease}.password-toggle:hover{color:var(--text-primary)}.form-options{margin-bottom:var(--spacing-lg)}.checkbox-wrapper,.form-options{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm)}.checkbox-wrapper{cursor:pointer;gap:var(--spacing-sm)}.checkbox-wrapper input[type=checkbox]{display:none}.checkmark{border:2px solid var(--lighter-bg);border-radius:var(--radius-sm);height:18px;position:relative;transition:all .3s ease;width:18px}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background:var(--primary-green);border-color:var(--primary-green)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:var(--font-size-xs);font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.register-btn{font-size:var(--font-size-md);font-weight:600;overflow:hidden;padding:var(--spacing-md);position:relative;width:100%}.register-btn.loading{pointer-events:none}.register-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.divider{margin:var(--spacing-lg) 0;position:relative;text-align:center}.divider:before{background:var(--lighter-bg);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:var(--light-bg);color:var(--text-muted);font-size:var(--font-size-sm);padding:0 var(--spacing-md)}.social-login{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-social{align-items:center;background:var(--dark-bg);border:2px solid var(--lighter-bg);color:var(--text-primary);display:flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all .3s ease}.btn-social:hover{border-color:var(--primary-green);transform:translateY(-2px)}.btn-social.discord:hover{background:#7289da;border-color:#7289da;color:#fff}.btn-social.google:hover{background:#db4437;border-color:#db4437;color:#fff}.register-footer{text-align:center}.register-footer p{color:var(--text-secondary);font-size:var(--font-size-sm)}.login-link{color:var(--primary-green);font-weight:600;text-decoration:none;transition:color .3s ease}.login-link:hover{color:var(--accent-orange)}@media (max-width:480px){.register-page{padding:var(--spacing-md)}.register-card{padding:var(--spacing-lg)}.register-header h1{font-size:var(--font-size-xl)}.register-header p{font-size:var(--font-size-sm)}.form-options{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-green:#4caf50;--primary-green-dark:#388e3c;--primary-green-light:#81c784;--secondary-blue:#2196f3;--secondary-blue-dark:#1976d2;--accent-orange:#ff9800;--accent-orange-dark:#f57c00;--accent-purple:#9c27b0;--accent-purple-dark:#7b1fa2;--dark-bg:#1a1a1a;--darker-bg:#0f0f0f;--light-bg:#2a2a2a;--lighter-bg:#3a3a3a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:grey;--gradient-primary:linear-gradient(135deg,var(--primary-green),var(--secondary-blue));--gradient-secondary:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));--gradient-dark:linear-gradient(135deg,var(--dark-bg),var(--darker-bg));--shadow-light:0 2px 8px #0000001a;--shadow-medium:0 4px 16px #0003;--shadow-heavy:0 8px 32px #0000004d;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-family:"Minecraft","Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-xxl:32px;--font-size-xxxl:48px}body{background:#1a1a1a;background:var(--dark-bg);color:#fff;color:var(--text-primary);font-family:Minecraft,Courier New,monospace;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f0f;background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:#4caf50;background:var(--primary-green);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#388e3c;background:var(--primary-green-dark)}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #00000080}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#2196f3);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:48px;font-size:var(--font-size-xxxl)}h2{color:#4caf50;color:var(--primary-green);font-size:32px;font-size:var(--font-size-xxl)}h3{color:#2196f3;color:var(--secondary-blue);font-size:24px;font-size:var(--font-size-xl)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Minecraft,Courier New,monospace;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-md);font-weight:700;justify-content:center;letter-spacing:1px;overflow:hidden;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#4caf50,#2196f3);background:var(--gradient-primary);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-medium);color:#fff}.btn-primary:hover{box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#ff9800,#9c27b0);background:var(--gradient-secondary);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-medium);color:#fff}.btn-secondary:hover{box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #4caf50;border:2px solid var(--primary-green);color:#4caf50;color:var(--primary-green)}.btn-outline:hover{background:#4caf50;background:var(--primary-green);color:#fff;transform:translateY(-2px)}.card{background:#2a2a2a;background:var(--light-bg);border:1px solid #3a3a3a;border:1px solid var(--lighter-bg);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-medium);padding:32px;padding:var(--spacing-xl);transition:all .3s ease}.card:hover{border-color:#4caf50;border-color:var(--primary-green);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-heavy);transform:translateY(-4px)}.card-header{border-bottom:2px solid #4caf50;border-bottom:2px solid var(--primary-green);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #4caf50;box-shadow:0 0 5px var(--primary-green)}50%{box-shadow:0 0 20px #4caf50,0 0 30px #4caf50;box-shadow:0 0 20px var(--primary-green),0 0 30px var(--primary-green)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.pulse{animation:pulse 2s infinite}.float{animation:float 3s ease-in-out infinite}.glow{animation:glow 2s ease-in-out infinite}.container{margin:0 auto;max-width:1200px;padding:0 16px;padding:0 var(--spacing-md)}.grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-1{margin-top:4px;margin-top:var(--spacing-xs)}.mt-2{margin-top:8px;margin-top:var(--spacing-sm)}.mt-3{margin-top:16px;margin-top:var(--spacing-md)}.mt-4{margin-top:24px;margin-top:var(--spacing-lg)}.mt-5{margin-top:32px;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.p-1{padding:4px;padding:var(--spacing-xs)}.p-2{padding:8px;padding:var(--spacing-sm)}.p-3{padding:16px;padding:var(--spacing-md)}.p-4{padding:24px;padding:var(--spacing-lg)}.p-5{padding:32px;padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#4caf50;color:var(--primary-green)}.text-secondary{color:#2196f3;color:var(--secondary-blue)}.text-accent{color:#ff9800;color:var(--accent-orange)}.text-muted{color:grey;color:var(--text-muted)}@media (max-width:768px){.container{padding:0 8px;padding:0 var(--spacing-sm)}h1{font-size:32px;font-size:var(--font-size-xxl)}h2{font-size:24px;font-size:var(--font-size-xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{font-size:14px;font-size:var(--font-size-sm);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:480px){:root{--spacing-xl:24px;--spacing-xxl:32px}.card{padding:24px;padding:var(--spacing-lg)}}.spinner{animation:spin 1s linear infinite;border:4px solid #3a3a3a;border-top:4px solid #4caf50;border:4px solid var(--lighter-bg);border-radius:50%;border-top-color:var(--primary-green);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.minecraft-border{border:2px solid #4caf50;border:2px solid var(--primary-green);border-radius:4px;border-radius:var(--radius-sm);position:relative}.minecraft-border:before{border:1px solid #388e3c;border:1px solid var(--primary-green-dark);border-radius:2px;border-radius:calc(var(--radius-sm) - 2px);bottom:2px;content:"";left:2px;right:2px;top:2px}.minecraft-border:before,.particles{pointer-events:none;position:absolute}.particles{height:100%;left:0;overflow:hidden;top:0;width:100%}.particle{animation:particle-float 6s linear infinite;background:#4caf50;background:var(--primary-green);border-radius:50%;height:4px;position:absolute;width:4px}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}
/*# sourceMappingURL=main.0deee20d.css.map*/