*,nav ul{padding:0;margin:0}.logo a,body,nav ul li a{color:#f0f0f0}.logo,.logout-btn,.signup-btn,.user-profile,body{font-family:Montserrat,sans-serif}*,.hero,nav ul{margin:0}.card p,.hero p{line-height:1.6}.footer-column h4,.logo,.logout-btn,.rules-panel h3,.server-name h3,.signup-btn,.slide-label,.user-profile .user-role{text-transform:uppercase}#preloader,.tetris-game-area{position:fixed;top:0;left:0;height:100%}#preloader,nav{background-color:rgba(16,13,6,.2)}*{scroll-behavior:smooth}body{background:linear-gradient(0deg,#020201,#221b0d);position:relative}.tetris-game-area{width:100%;pointer-events:none;z-index:1;overflow:hidden}.falling-particle,.falling-triangle{position:absolute;background-color:rgba(245,245,245,.6);opacity:.6;will-change:transform,opacity,top;transition:top linear,transform linear}.falling-particle,.shatter-fragment{border-radius:3px}.falling-triangle,.shatter-triangle{width:0;height:0;background-color:transparent;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid rgba(245,245,245,.6)}.shatter-fragment,.shatter-triangle{position:absolute;background-color:rgba(245,245,245,.6);opacity:.6;will-change:transform,opacity}header{background-color:transparent;padding:20px 0;width:100%;position:fixed;top:0;left:0;z-index:1000;transition:background-color .3s}.feature-card,.hero-main,.logout-btn,.rules-content-panels,.signup-btn,.tab-button,.tab-button span,main{position:relative}header.scrolled{background-color:rgba(16,13,6,.9)}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 30px;border-radius:12px;backdrop-filter:blur(7px)}.logo{font-size:28px;font-weight:900}.logout-btn,.signup-btn,nav ul li a{font-size:16px;text-decoration:none}.logo a{text-decoration:none;transition:color .6s}.footer-column ul li a:hover,.logo a:hover,nav ul li a:hover{color:#d8a527}nav ul{list-style:none;display:flex;gap:40px}nav ul li a{font-weight:400;transition:color .3s}.auth-container,.user-logged-in-container{display:flex;align-items:center;gap:20px}.logout-btn,.signup-btn{background-color:#f0f0f0;color:#100d06;border:none;border-radius:5px;cursor:pointer;font-weight:700;overflow:hidden;display:flex;align-items:center;justify-content:center;width:50px;height:50px;transition:.4s ease-in-out}.logout-btn .button-text,.signup-btn .button-text{position:absolute;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;white-space:nowrap}.logout-btn .button-icon,.signup-btn .button-icon{font-size:18px;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.logout-btn:hover,.signup-btn:hover{width:200px;background-color:#d8a527;color:#100d06}.user-profile,.user-profile .user-nickname,main{color:#f0f0f0}.logout-btn:hover .button-text,.signup-btn:hover .button-text{opacity:1;transform:translateX(-16px)}.logout-btn:hover .button-icon,.signup-btn:hover .button-icon{transform:translateX(75px) rotateY(180deg);opacity:1}.user-profile{display:flex;align-items:center;gap:10px;font-weight:500;transition:opacity .3s ease-in-out;flex-direction:row-reverse}.user-profile .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;pointer-events:none}.user-profile .user-info{display:flex;flex-direction:column;font-size:14px;align-items:flex-end}.user-profile .user-role{font-size:12px;font-weight:700;color:#dbae31}.hidden{display:none!important}main{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.hero-main{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}.hero{padding:0;z-index:5}.hero img{width:650px;height:auto;vertical-align:middle;transform:rotateX(0);transition:transform .1s ease-out,filter 1s;transform-style:preserve-3d;backface-visibility:hidden;padding-top:225px}.hero img:hover{transform:scale(1.1);filter:drop-shadow(0 0 50px rgba(255, 255, 255, .3))}.hero p{font-size:20px;color:#ccc;max-width:700px;margin:70px auto 0}.cards-section{display:flex;justify-content:center;gap:30px;padding:100px 20px 150px;flex-wrap:wrap;margin-top:auto;z-index:5}.card{background-color:#221b0d;border:1px solid rgba(216,165,39,.2);border-radius:12px;padding:30px;width:350px;text-align:left;transition:transform .3s,box-shadow .3s,border-color .3s}.footer-column ul li a,.learn-more{text-decoration:none;transition:color .3s}.card:hover{transform:translateY(-5px)}.icon-container{width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-size:35px;color:#d8a527}.card h3{font-size:24px;font-weight:600;margin-top:0;margin-bottom:15px;color:#f0f0f0}.card p{font-size:15px;color:#ccc;margin-bottom:25px;min-height:90px}.learn-more{color:#d8a527;font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px;font-family:'Open Sans',sans-serif}.server-status-card,.tab-button,footer{font-family:Montserrat,sans-serif}.learn-more:hover{color:#f2ba32}.tab-button,.tab-button.active{color:#f0f0f0}.learn-more .fas.fa-arrow-right{font-size:14px;transition:transform .3s}.learn-more:hover .fas.fa-arrow-right{transform:translateX(5px)}.presentation-server{padding-bottom:50px;text-align:center}.presentation-content{max-width:1500px;margin:0 auto}.faq-container h2,.presentation-server h2{font-size:42px;font-weight:700;color:#f0f0f0;margin-bottom:20px}.faq-container p,.presentation-server p,.rules-container p{font-size:16px;color:#ccc;max-width:800px;margin:0 auto 50px;line-height:1.6}.rules-server{padding-top:70px}.footer-column ul,.rules-tabs{list-style:none;padding:0}.rules-container{max-width:1200px;margin:0 auto;text-align:center}.rules-container h2{font-size:42px;font-weight:700;margin-bottom:20px}.rules-layout{display:flex;gap:40px;text-align:left}.rules-tabs{flex:0 0 250px;margin:0}.footer-column ul li,.rules-tabs li{margin-bottom:10px}.tab-button{width:100%;padding:15px 20px;font-size:16px;font-weight:600;background-color:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background-color .3s;overflow:hidden}.tab-button span{z-index:2;display:flex;align-items:center;gap:15px}.tab-button .fas{font-size:16px;width:20px;text-align:center}.feature-card,.footer-column,.rules-panel h3,.rules-panel p,.slide-left .slide-text{text-align:left}.tab-button::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#d8a527;transform:scaleX(0);transform-origin:left;transition:transform .35s ease-in-out;z-index:1}.tab-button.active::after,.tab-button:hover::after{transform:scaleX(1)}.tab-button:hover{background-color:rgba(34,27,13,.5)}.faq-item.active .faq-question,.faq-question:hover,.tab-button.active{background-color:#2e2617}.rules-content-panels{flex:1;padding:20px;background-color:rgba(0,0,0,.1);border-radius:8px}.faq-item,.feature-card{border:1px solid rgba(216,165,39,.2);overflow:hidden}.rules-panel{display:none;animation:.5s ease-in-out fadeIn}.rules-panel.active{display:block}.rules-panel h3{color:#d8a527;font-size:18px;margin-top:0;margin-bottom:15px}.rules-panel p{font-size:16px;line-height:1.7;color:#ccc}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rules-footer{display:flex;justify-content:space-between;gap:30px;margin-top:50px;padding-top:30px;border-top:1px solid rgba(216,165,39,.2)}.footer-column{flex:1}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background:linear-gradient(135deg,#221b0d,#100d06);border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s;z-index:5}.faq-item,.server-name{background-color:#221b0d}.faq-item,.faq-question{transition:background-color .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.feature-card img{width:100%;height:180px;object-fit:cover;margin-bottom:20px;border-radius:8px;transition:transform .3s}.feature-card h3{font-size:20px;font-weight:600;margin-top:0;margin-bottom:10px;color:#f0f0f0}.feature-card p{font-size:14px;color:#ccc;line-height:1.5;margin:0}@media (max-width:1024px){nav ul{gap:25px}.hero h1{font-size:48px}.card{width:300px}}@media (max-width:768px){nav{flex-direction:column;gap:20px}.cards-section,nav ul{flex-direction:column}nav ul{gap:15px;text-align:center}.logout-btn,.signup-btn{width:100%;max-width:200px}.hero h1{font-size:38px}.hero p{font-size:16px}.cards-section{align-items:center;padding-left:20px;padding-right:20px}.card{width:90%;max-width:400px}.user-logged-in-container{flex-direction:column;gap:10px;align-items:center}.user-profile{flex-direction:row;gap:10px}.user-profile .user-info{align-items:flex-start}.presentation-server h2{font-size:32px}}@media (max-width:480px){.card h3,.logo{font-size:20px}.hero h1{font-size:30px}.card p,.hero p{font-size:14px}}.slider-section{display:flex;flex-direction:column;gap:40px}.slide{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;z-index:10}.slide-image{flex:1 1 60%;overflow:hidden;text-align:center}.slide-image img{width:100%;height:auto;object-fit:cover;max-height:250px;border-radius:25px}.slide-text{flex:1 1 35%;color:#f0f0f0}.slide-label{font-size:14px;font-weight:800;color:#d8a527;letter-spacing:1px;display:inline-block}.slide-text h3{font-size:28px;font-weight:700;margin:10px 0 20px}.slide-text p{font-size:16px;color:#ccc;line-height:1.6}.slide-left .slide-image img{border-radius:25px 0 0 25px;object-position:0 80%}.slide-right .slide-image img{border-radius:0 25px 25px 0;object-fit:cover;object-position:0 85%}.slide-right .slide-text{text-align:right}footer{padding:60px 20px 20px}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-column{flex:1;min-width:200px}.footer-column h4{font-size:18px;color:#d8a527;margin-bottom:25px;font-weight:700}.footer-column p{font-size:14px;color:#ccc;line-height:1.6}.footer-column ul li a{color:#f0f0f0;font-size:14px}.footer-brand .logo img{width:94%;height:auto}.social-icons{margin-top:20px;display:flex;gap:15px}.social-icons a{color:#f0f0f0;font-size:20px;transition:transform .1s,color .3s}.social-icons a:hover{transform:rotate(-360deg);color:#d8a527}.footer-bottom{margin-top:10px;padding-top:20px;text-align:center}.footer-bottom p{font-size:10px;color:#f0f0f0}.faq{padding:80px 20px}.faq-container{max-width:900px;margin:0 auto;text-align:center}.faq-item{border-radius:12px;margin-bottom:20px}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;cursor:pointer}.faq-question h3{font-size:18px;font-weight:600;margin:0;color:#f0f0f0}.faq-question i{font-size:18px;color:#d8a527;transition:transform .3s}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 30px;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out}.faq-answer.show{max-height:500px;padding:25px 30px;transition:max-height .5s ease-in,padding .5s ease-in}.faq-answer p{font-size:15px;color:#ccc;line-height:1.6;margin:0}.server-status-container{display:flex;justify-content:center;gap:20px;margin-top:50px;flex-wrap:wrap;z-index:5;position:relative}.server-status-card{display:flex;align-items:center;border:1px solid rgba(216,165,39,.2);border-radius:12px;overflow:hidden;color:#f0f0f0;transition:transform .3s,box-shadow .3s;width:500px;max-width:100%}.server-name{display:flex;align-items:center;gap:10px;padding:20px;flex-grow:1}.dot,.player-count{background-color:#d8a527}.server-name h3{font-size:18px;font-weight:600;margin:0;color:#f0f0f0}.player-count{color:#100d06;padding:20px;font-size:20px;font-weight:800;border-top-right-radius:12px;border-bottom-right-radius:12px}.dot,.status-dot{border-radius:50%}.status-dot{width:10px;height:10px;display:inline-block}.status-dot.online{background-color:#4caf50}.status-dot.offline{background-color:#f44336}@media (max-width:768px){.slide,.slide-right{flex-direction:column!important;text-align:center}.slide-image,.slide-text{flex:1 1 100%}.slide-text h3{font-size:24px}.slide-image img{border-radius:25px!important}.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-column{margin-bottom:20px}.footer-newsletter form{justify-content:center}.server-status-container{flex-direction:column;gap:15px}.server-status-card{width:100%}.player-count{width:100px;text-align:center}}#preloader{width:100%;backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center;gap:15px;animation:1s forwards hidePreloader}.dot{width:12px;height:12px;animation:.6s infinite alternate bounce}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(3){animation-delay:.2s}@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-15px)}}@keyframes hidePreloader{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@media (max-width:1024px){nav{padding:15px 20px}nav ul{gap:25px}.hero img{padding-top:350px;max-width:550px}.rules-layout{flex-direction:column;gap:25px}.rules-tabs{flex:1 1 auto;display:flex;overflow-x:auto;padding-bottom:10px}.rules-tabs li{flex-shrink:0}}@media (max-width:992px){.slide,.slide-right{flex-direction:column!important;text-align:center!important;gap:20px}.slide-text{padding:20px 0;text-align:center!important}.slide-image img{max-height:250px;border-radius:15px!important;object-position:center}}@media (max-width:768px){nav,nav ul{flex-direction:column}header{padding:10px 0}nav{gap:20px}nav ul{gap:15px;text-align:center}.auth-container,.user-logged-in-container{flex-direction:column;gap:15px;align-items:center;width:100%}.logout-btn,.signup-btn{width:200px}.logout-btn:hover,.signup-btn:hover{width:220px}.hero img{padding-top:400px;width:80%}.hero p{font-size:16px;margin-top:40px}.cards-section{flex-direction:column;align-items:center;padding-left:20px;padding-right:20px}.card{width:80%;max-width:400px}.card p{min-height:auto}.faq-container h2,.presentation-server h2,.rules-container h2{font-size:32px}.rules-footer,.user-profile{flex-direction:column}.user-profile .user-info{align-items:center}.footer-container{flex-direction:column;align-items:center;text-align:center}.social-icons{justify-content:center}.server-status-card{flex-direction:column;text-align:center}.server-name{justify-content:center;width:100%}.player-count{width:100%;border-radius:0 0 12px 12px;padding:15px}}@media (max-width:480px){.logo{font-size:24px}.hero img{padding-top:350px}.card p,.hero p{font-size:14px}.faq-container h2,.presentation-server h2,.rules-container h2{font-size:28px}.card h3{font-size:20px}.faq-question{padding:20px;flex-direction:column;gap:10px;text-align:center}.faq-answer{padding:0 20px}.faq-answer.show{padding:20px}}