@font-face{font-family:'Cinzel-fallback';src:local('Georgia'),local('Times New Roman');font-display:swap;ascent-override:95%;descent-override:25%;line-gap-override:0%;size-adjust:105%}@font-face{font-family:'Open Sans-fallback';src:local('Arial'),local('Helvetica');font-display:swap;ascent-override:101%;descent-override:27%;line-gap-override:0%;size-adjust:105%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{overflow-x:hidden;max-width:100vw}p,li,td,th,dd,dt,span,div,.server-description,.card,.server-card,.server-info,.article-content,.guide-content,.description{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}textarea{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;resize:vertical}a{word-wrap:break-word;overflow-wrap:break-word}.container,.main-content-grid,.content-left,.content-right,main{overflow-wrap:break-word;word-wrap:break-word;min-width:0}:root{--bg-deep:#05081a;--bg-color:#0a0e27;--bg-surface:#111531;--bg-elevated:#171d42;--bg-gradient:linear-gradient(135deg,#0a0e27 0%,#12163a 50%,#0f0c29 100%);--border-subtle:rgba(102,126,234,0.12);--border-default:rgba(102,126,234,0.25);--border-strong:rgba(102,126,234,0.4);--text-primary:#f0f2f8;--text-secondary:#c9cde0;--text-muted:#8b92b0;--text-color:#f0f2f8;--text-light:#c9cde0;--primary-300:#a4b4f8;--primary-400:#8b9cf7;--primary-500:#667eea;--primary-600:#5066d4;--primary-700:#4254b8;--primary-color:#667eea;--primary-dark:#5066d4;--primary-glow:rgba(102,126,234,0.35);--accent-300:#fcd34d;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--accent-700:#b45309;--accent-color:#f59e0b;--accent-dark:#d97706;--accent-glow:rgba(245,158,11,0.35);--success-color:#10b981;--success-bg:rgba(16,185,129,0.12);--error-color:#ef4444;--error-bg:rgba(239,68,68,0.12);--warning-color:#f59e0b;--info-color:#3b82f6;--card-bg:rgba(17,21,49,0.7);--card-bg-hover:rgba(23,29,66,0.85);--card-border:var(--border-default);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.25);--shadow-md:0 4px 16px rgba(0,0,0,0.35);--shadow-lg:0 8px 32px rgba(0,0,0,0.45);--shadow-xl:0 12px 48px rgba(0,0,0,0.55);--glow-primary:0 0 20px var(--primary-glow);--glow-accent:0 0 20px var(--accent-glow);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-heading:"Cinzel","Cinzel-fallback","Georgia",serif;--font-body:"Open Sans","Open Sans-fallback","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--container-width:1200px;--content-width:720px;--nav-height:72px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,100%{opacity:1}50%{opacity:0.75}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%,100%{opacity:0.3}50%{opacity:1}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes particle-float{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:0.5}90%{opacity:0.5}100%{transform:translate(100px,-100vh) scale(1.5);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{background:url('/assets/bg-main.jpg');background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;font-family:var(--font-body);color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;width:100%;max-width:100vw}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,0.2),transparent),radial-gradient(2px 2px at 60% 70%,rgba(102,126,234,0.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(245,158,11,0.2),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,0.15),transparent);background-size:200% 200%;animation:twinkle 4s ease-in-out infinite;pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:0.5px;font-weight:700;line-height:1.2}h1{font-size:var(--text-4xl);background:linear-gradient(135deg,#ffffff 0%,var(--primary-400) 60%,var(--accent-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}a{color:var(--primary-400);text-decoration:none;transition:color var(--transition-base),text-shadow var(--transition-base)}a:hover{color:var(--accent-400);text-shadow:0 0 12px var(--accent-glow)}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}main{flex:1;padding:0 0 2rem 0;position:relative;z-index:1;overflow-x:clip}@media (max-width:768px){body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#1a1a2e 100%);background-attachment:fixed}html,body{overflow-x:hidden !important;width:100% !important;max-width:100% !important}}.top-bar{background:rgba(10,14,39,0.9);backdrop-filter:blur(20px);height:var(--nav-height);border-bottom:none;position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px rgba(0,0,0,0.5);overflow-x:clip}.top-bar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,0.4) 20%,rgba(245,158,11,0.4) 50%,rgba(102,126,234,0.4) 80%,transparent 100%)}.nav-container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0 1rem;max-width:1500px;margin:0 auto}.logo{margin-left:-50px;margin-top:10px;width:360px;height:50px;margin-right:0px;position:relative;display:block;flex-shrink:0;z-index:1002}.logo-img{position:absolute;top:50%;left:0;transform:translateY(-50%);height:250px;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 4px 15px rgba(0,0,0,0.5));transition:transform 0.3s ease,filter 0.3s ease;pointer-events:none}.logo:hover .logo-img{transform:translateY(-50%) scale(1.05);filter:drop-shadow(0 6px 20px rgba(102,126,234,0.6))}.logo-text{font-family:var(--font-heading);font-size:1.6rem;font-weight:bold;background:linear-gradient(135deg,#667eea,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(102,126,234,0.5);white-space:nowrap}@media (max-width:992px){.logo{width:60px;height:40px;margin-right:80px}.logo-img{height:120px}}@media (max-width:768px){.logo{width:70px;height:50px;margin-left:-20px;margin-right:0}.logo-img{height:130px}}@media (max-width:480px){.logo{width:65px;height:45px;margin-left:-10px;margin-right:0}.logo-img{height:110px}}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(102,126,234,0.8))}.nav-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0;align-items:center;flex-shrink:0}.nav-links li{position:relative}.nav-links a{color:var(--text-light);font-weight:600;text-transform:uppercase;font-size:0.8rem;letter-spacing:1px;padding:0.5rem 0;position:relative;transition:all 0.3s ease;display:flex;align-items:center;white-space:nowrap}.nav-links a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width 0.3s ease}.nav-links a:hover,.nav-links a.active{color:#ffffff;text-shadow:0 0 10px rgba(102,126,234,0.8)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}.nav-links .btn{padding:0.5rem 1rem;font-size:0.75rem;letter-spacing:0.5px;border-radius:var(--radius-md)}.nav-links .btn::after{display:none}.nav-links .btn:hover{text-shadow:none}.dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown-trigger{cursor:pointer;position:relative;padding-bottom:4px}button.dropdown-trigger{background:transparent;border:none;color:var(--text-light);font-weight:600;text-transform:uppercase;font-size:0.8rem;letter-spacing:1px;font-family:inherit;display:flex;align-items:center;gap:0.3rem;padding:0.5rem 0;transition:all 0.3s ease}button.dropdown-trigger:hover{color:#ffffff;text-shadow:0 0 10px rgba(102,126,234,0.8)}button.dropdown-trigger .dropdown-arrow{font-size:0.7rem;transition:transform 0.3s ease}.dropdown-trigger::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--primary-color),var(--accent-color));background-size:200% 100%;border-radius:3px;transition:width 0.3s ease,left 0.3s ease;box-shadow:0 0 10px rgba(245,158,11,0.5)}.dropdown:hover .dropdown-trigger::after{width:100%;left:0;animation:loadingBarShimmer 1.5s ease infinite}.dropdown:hover .dropdown-trigger{color:#ffffff !important;text-shadow:0 0 15px rgba(255,255,255,0.6)}@keyframes loadingBarShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:rgba(20,20,50,0.98);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:12px;min-width:220px;box-shadow:0 10px 40px rgba(0,0,0,0.7),0 0 20px rgba(102,126,234,0.3);padding:0.75rem 0;z-index:1001;margin-top:0;animation:fadeInUp 0.3s ease}.dropdown-menu::after{content:"";position:absolute;top:-30px;left:-20px;right:-20px;height:35px;background:transparent}.dropdown-menu::before{content:"";position:absolute;top:-8px;left:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(102,126,234,0.5);z-index:1002}.dropdown:hover .dropdown-menu,.dropdown-menu:hover{display:block}.dropdown-menu li{display:block;margin:0}.dropdown-menu a{display:block;padding:0.9rem 1.5rem;color:var(--text-light);text-transform:none;font-size:0.9rem;font-weight:normal;border-left:3px solid transparent;transition:all 0.3s ease}.dropdown-menu a:hover{background:rgba(102,126,234,0.1);color:var(--accent-color);border-left-color:var(--accent-color);padding-left:2rem;text-shadow:0 0 10px rgba(245,158,11,0.6)}.has-megamenu{position:static !important}.has-megamenu .megamenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:90vw;max-width:900px;margin-top:8px;background:linear-gradient(165deg,rgba(30,27,75,0.98),rgba(26,26,46,0.98));backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,0.3);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(139,92,246,0.2);z-index:1001;overflow:visible;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.15s ease,visibility 0.15s ease}.has-megamenu .megamenu::before{content:'';position:absolute;top:-20px;left:0;right:0;height:25px;background:transparent}.has-megamenu .megamenu::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#f59e0b,var(--primary));pointer-events:none;z-index:1;border-radius:16px 16px 0 0}.has-megamenu:hover .megamenu,.has-megamenu .megamenu:hover,.has-megamenu:focus-within .megamenu{opacity:1;visibility:visible;pointer-events:auto}.megamenu-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;padding:1.25rem 1.5rem 1.5rem 1.5rem;pointer-events:auto}.megamenu-group{padding:0.75rem 1rem}.megamenu-group h4{margin:0 0 0.75rem;font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary-light);font-weight:600;padding-bottom:0.5rem;border-bottom:1px solid rgba(139,92,246,0.2)}.megamenu-group--highlight h4{color:#f59e0b;border-bottom-color:rgba(245,158,11,0.3)}.megamenu-group ul{list-style:none;margin:0;padding:0}.megamenu-group li{margin:0}.megamenu-group a{display:block;padding:0.5rem 0.75rem;color:rgba(255,255,255,0.8);text-decoration:none;font-size:0.9rem;border-radius:6px;transition:all 0.2s}.megamenu-group a:hover{background:rgba(139,92,246,0.15);color:#fff;padding-left:1rem}.megamenu-group--highlight a:hover{background:rgba(245,158,11,0.15)}.megamenu-footer{padding:1rem 1.5rem;background:rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.1);text-align:center}.see-all-link{display:inline-block;padding:0.6rem 1.5rem;background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(99,102,241,0.15));border:1px solid rgba(139,92,246,0.4);border-radius:8px;color:var(--primary-light);text-decoration:none;font-weight:500;font-size:0.9rem;transition:all 0.2s}.see-all-link:hover{background:linear-gradient(135deg,rgba(139,92,246,0.3),rgba(99,102,241,0.25));border-color:var(--primary);transform:translateX(3px)}@media (max-width:900px){.megamenu{width:95%;left:2.5%;transform:none}.megamenu-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.megamenu{position:fixed;top:60px;left:0;right:0;width:100%;max-height:70vh;overflow-y:auto;border-radius:0;transform:none}.megamenu-content{grid-template-columns:1fr 1fr;padding:1rem;gap:0.5rem}.megamenu-group{padding:0.5rem}.megamenu-group h4{font-size:0.75rem}.megamenu-group a{font-size:0.85rem;padding:0.4rem 0.5rem}}.btn{display:inline-block;padding:0.9rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1.5px;font-size:0.85rem;border:none;cursor:pointer;position:relative;overflow:hidden}.btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn:hover::before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,#764ba2 100%);color:white !important;box-shadow:var(--shadow-md),0 0 0 0 var(--primary-glow);position:relative;z-index:1}.btn-primary span{position:relative;z-index:2}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-secondary{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white !important;box-shadow:0 4px 20px rgba(245,158,11,0.4)}.btn-secondary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 30px rgba(245,158,11,0.6),var(--glow-accent)}.btn-discord{background:linear-gradient(135deg,#5865F2 0%,#4752C4 100%);color:white !important;box-shadow:0 4px 20px rgba(88,101,242,0.4)}.btn-discord:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 30px rgba(88,101,242,0.6)}.btn-block{display:block;width:100%;text-align:center}.btn-ghost{background:transparent;border:2px solid var(--primary-500);color:var(--primary-400) !important;box-shadow:none}.btn-ghost:hover{background:var(--primary-500);color:white !important;box-shadow:var(--glow-primary);transform:translateY(-2px)}.btn-ghost::before{background:var(--primary-500)}.btn-sm{padding:0.5rem 1.25rem;font-size:var(--text-xs);letter-spacing:1px}.server-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;min-height:600px;contain:layout style}@media (max-width:768px){.server-list{display:flex;flex-direction:column;gap:1rem}}.server-card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;min-height:100px;contain:layout style;cursor:pointer;display:flex;align-items:center;gap:1.5rem;transition:all 0.4s ease;position:relative;overflow:hidden;animation:fadeInUp 0.6s ease backwards}.server-card-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0}.server-card .vote-btn,.server-card .quick-action,.server-card a:not(.server-card-link){position:relative;z-index:2}.server-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-color),var(--accent-color));transition:all 0.4s ease;pointer-events:none;z-index:0}.server-card::after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,0.1) 50%,transparent 100%);transform:rotate(45deg);opacity:0;transition:opacity 0.6s ease;pointer-events:none;z-index:0}.server-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px rgba(0,0,0,0.5),0 0 30px rgba(102,126,234,0.3);border-color:var(--primary-color)}.server-card:hover::before{width:6px;box-shadow:0 0 20px var(--primary-color)}.server-card:hover::after{opacity:1}.server-card--featured{background:linear-gradient(135deg,rgba(17,21,49,0.85) 0%,rgba(30,25,45,0.85) 100%)}.server-card--rank-1{border:2px solid #ffd700;box-shadow:0 0 20px rgba(255,215,0,0.2)}.server-card--rank-1::before{background:linear-gradient(180deg,#ffd700,#ffb700);width:5px}.server-card--rank-1:hover{border-color:#ffed4e;box-shadow:0 15px 40px rgba(0,0,0,0.5),0 0 30px rgba(255,215,0,0.3)}.server-card--rank-2{border:2px solid #c0c0c0;box-shadow:0 0 15px rgba(192,192,192,0.15)}.server-card--rank-2::before{background:linear-gradient(180deg,#c0c0c0,#a0a0a0);width:5px}.server-card--rank-2:hover{border-color:#e0e0e0;box-shadow:0 15px 40px rgba(0,0,0,0.5),0 0 25px rgba(192,192,192,0.25)}.server-card--rank-3{border:2px solid #cd7f32;box-shadow:0 0 15px rgba(205,127,50,0.15)}.server-card--rank-3::before{background:linear-gradient(180deg,#cd7f32,#b87333);width:5px}.server-card--rank-3:hover{border-color:#e5a55d;box-shadow:0 15px 40px rgba(0,0,0,0.5),0 0 25px rgba(205,127,50,0.25)}.rank{font-size:2rem;font-weight:bold;font-family:var(--font-heading);min-width:60px;text-align:center;position:relative;z-index:2}.rank-1{background:linear-gradient(135deg,#ffd700,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px rgba(255,215,0,0.8));animation:float 2s ease-in-out infinite}.rank-2{background:linear-gradient(135deg,#c0c0c0,#e8e8e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(192,192,192,0.6))}.rank-3{background:linear-gradient(135deg,#cd7f32,#e5a55d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(205,127,50,0.6))}.server-banner-link{display:block;flex-shrink:0;position:relative;z-index:2}.server-banner-thumb{width:120px;height:60px;min-width:120px;min-height:60px;aspect-ratio:2 / 1;background-color:rgba(0,0,0,0.4);border-radius:12px;object-fit:cover;box-shadow:0 4px 15px rgba(0,0,0,0.5);border:1px solid var(--card-border);transition:all 0.3s ease}.server-card:hover .server-banner-thumb{transform:scale(1.05);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.server-info h2,.server-info h3,.server-card-title{margin:0;font-size:1.5rem}.server-info h2 a,.server-info h3 a,.server-card-title a{display:inline-block;padding:0.5rem 0;text-decoration:none;position:relative;color:#ffffff;transition:all 0.3s ease;cursor:pointer}.server-info h2 a::after,.server-info h3 a::after,.server-card-title a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width 0.3s ease}.server-info h2 a:hover,.server-info h3 a:hover,.server-card-title a:hover{color:var(--accent-color);text-shadow:0 0 15px rgba(245,158,11,0.6);transform:translateX(5px)}.server-info h2 a:hover::after,.server-info h3 a:hover::after,.server-card-title a:hover::after{width:100%}.server-info{flex:1;position:relative;z-index:2}.server-info h2,.server-info h3,.server-card-title{margin:0 0 0.5rem 0;font-size:1.5rem}.server-info h2 a,.server-info h3 a,.server-card-title a{color:#ffffff;transition:all 0.3s ease}.server-info h2 a:hover,.server-info h3 a:hover,.server-card-title a:hover{color:var(--accent-color);text-shadow:0 0 15px rgba(245,158,11,0.6)}.server-info p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);text-transform:uppercase;font-weight:600;letter-spacing:0.5px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.badge:hover{transform:translateY(-1px)}.badge,.badge--category{background:rgba(102,126,234,0.12);border:1px solid var(--border-default);color:var(--primary-400)}.badge:hover{background:rgba(102,126,234,0.2);box-shadow:0 4px 12px var(--primary-glow)}.stars-display{display:inline-flex;align-items:center;gap:0.25rem;line-height:1}.stars-display .stars-icons{display:inline-flex;align-items:center;gap:1px}.stars-display .stars-value{font-weight:700;color:#fbbf24;margin-left:0.1rem}.stars-display .stars-count{color:var(--text-muted,rgba(255,255,255,0.5));font-weight:400}.stars-sm{font-size:0.75rem}.stars-sm .stars-value{font-size:0.75rem}.stars-sm .stars-count{font-size:0.7rem}.stars-md{font-size:0.85rem}.stars-md .stars-value{font-size:0.85rem}.stars-md .stars-count{font-size:0.8rem}.stars-empty .stars-count{font-size:0.7rem;font-style:italic;color:var(--text-muted,rgba(255,255,255,0.4))}.server-card-rating{margin:0.1rem 0 0.15rem;line-height:1}.rating-card{background:linear-gradient(160deg,#1a1740 0%,#12102b 100%);border:1px solid rgba(139,92,246,0.15);text-align:center;padding:2rem 1.5rem !important}.rating-card-title{margin:0 0 0.5rem;font-size:1.15rem}.rating-avg-display{display:flex;align-items:baseline;justify-content:center;gap:0.25rem;margin-bottom:1.25rem}.rating-avg-empty{margin-bottom:0.75rem}.rating-avg-number{font-size:1.6rem;font-weight:800;color:#fbbf24}.rating-avg-on{font-size:0.95rem;font-weight:600;color:rgba(251,191,36,0.5)}.rating-avg-sep{color:rgba(255,255,255,0.15);margin:0 0.4rem}.rating-avg-count{font-size:0.85rem;color:rgba(255,255,255,0.4);font-weight:500}.rating-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.rating-stars-wrap{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.rating-stars-interactive{display:inline-flex;gap:0.3rem;padding:0.6rem 1rem;border-radius:14px;background:rgba(0,0,0,0.3)}.rating-label{font-size:0.85rem;color:transparent;font-weight:600;min-height:1.3em;transition:color 0.2s ease}.rating-label.rating-label-visible{color:#fcd34d}.rating-captcha-area{display:flex;flex-direction:column;align-items:center;gap:0.75rem}.rating-submit-btn{min-width:200px;padding:0.65rem 2rem !important;font-weight:600 !important;font-size:0.9rem !important;border-radius:12px !important;transition:all 0.2s ease !important}.rating-submit-btn:disabled{opacity:0.4;cursor:not-allowed}.rating-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px rgba(139,92,246,0.45) !important}.rating-message{width:100%;max-width:400px}.rating-message .success-message{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.25);border-radius:10px;color:#4ade80;font-size:0.85rem;padding:0.75rem 1rem;text-align:center}.rating-message .error-message{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);border-radius:10px;color:#f87171;font-size:0.85rem;padding:0.75rem 1rem;text-align:center}@media (max-width:768px){.rating-card{padding:1.5rem 1rem !important}.rating-stars-interactive{gap:0.15rem;padding:0.5rem 0.75rem}.rating-stars-interactive .rating-star svg{width:46px;height:46px}.rating-avg-number{font-size:1.3rem}}.server-card .server-tags,.server-header .server-tags{margin-top:0.75rem;display:flex;gap:0.5rem;flex-wrap:wrap}.server-card .tag,.server-header .tag{display:inline-flex;align-items:center;padding:0.3rem 0.85rem;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;border-radius:50px !important;border:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.3);pointer-events:none;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 3px 10px rgba(99,102,241,0.4)}.tag[data-cat*="pvp"]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 10px rgba(239,68,68,0.4)}.tag[data-cat*="pve"]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 3px 10px rgba(34,197,94,0.4)}.tag[data-cat*="rp"],.tag[data-cat*="roleplay"]{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 3px 10px rgba(168,85,247,0.4)}.tag[data-cat*="survi"],.tag[data-cat*="survival"]{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 3px 10px rgba(234,179,8,0.4)}.tag[data-cat*="creatif"],.tag[data-cat*="creative"]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 3px 10px rgba(59,130,246,0.4)}.tag[data-cat*="mini"],.tag[data-cat*="minigames"]{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 3px 10px rgba(236,72,153,0.4)}.tag[data-cat*="faction"]{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 3px 10px rgba(249,115,22,0.4)}.tag[data-cat*="skyblock"]{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 3px 10px rgba(6,182,212,0.4)}.tag[data-cat*="prison"]{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 3px 10px rgba(107,114,128,0.4)}.tag[data-cat*="hardcore"]{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 3px 10px rgba(220,38,38,0.4)}.tag[data-cat*="aventure"],.tag[data-cat*="adventure"]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px rgba(16,185,129,0.4)}.tag[data-cat*="economie"],.tag[data-cat*="economy"]{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 3px 10px rgba(251,191,36,0.4)}.tag[data-cat*="rpg"]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 3px 10px rgba(139,92,246,0.4)}.tag[data-cat*="mmo"]{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 3px 10px rgba(99,102,241,0.4)}.tag[data-cat*="vanilla"]{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 3px 10px rgba(74,222,128,0.4)}.tag[data-cat*="modde"]{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 3px 10px rgba(251,146,60,0.4)}.tag[data-cat*="coop"]{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 3px 10px rgba(56,189,248,0.4)}.tag[data-cat*="build"]{background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 3px 10px rgba(192,132,252,0.4)}.tag[data-cat*="donjon"]{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 3px 10px rgba(248,113,113,0.4)}.tag[data-cat*="anarchie"]{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 3px 10px rgba(55,65,81,0.5)}.tag[data-cat*="exploration"]{background:linear-gradient(135deg,#2dd4bf,#14b8a6);box-shadow:0 3px 10px rgba(45,212,191,0.4)}.tag[data-cat*="bedwars"]{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 3px 10px rgba(244,63,94,0.4)}.tag[data-cat*="skywars"]{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 3px 10px rgba(14,165,233,0.4)}.tag[data-cat*="uhc"]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 10px rgba(239,68,68,0.4)}.tag[data-cat*="kitpvp"]{background:linear-gradient(135deg,#d946ef,#c026d3);box-shadow:0 3px 10px rgba(217,70,239,0.4)}.badge--new{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.badge--verified{background:var(--accent-glow);border-color:var(--accent-500);color:var(--accent-400)}.badge--top{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));border:none;color:#1a1a2e;font-weight:700}.badge--featured{background:linear-gradient(135deg,#ffd700,#ffed4e);border:none;color:#1a1a2e;font-weight:700;box-shadow:0 0 12px rgba(255,215,0,0.4)}.server-tags,.tags{margin-top:var(--space-2);display:flex;gap:var(--space-2);flex-wrap:wrap}.server-stats{display:flex;flex-direction:column;align-items:center;gap:0.6rem;min-width:120px;padding-left:1.5rem;border-left:1px solid var(--card-border);position:relative;z-index:2}.vote-count{font-size:1.3rem;font-weight:bold;background:linear-gradient(135deg,var(--accent-color),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vote-btn{padding:0.7rem 1.8rem;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:50px;text-decoration:none;font-weight:bold;font-size:0.85rem;text-transform:uppercase;transition:all 0.3s ease;letter-spacing:1px;position:relative;overflow:hidden}.vote-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-color);transform:translate(-50%,-50%);transition:width 0.4s,height 0.4s}.vote-btn span{position:relative;z-index:1}.vote-btn:hover{background:var(--primary-color);color:white;box-shadow:0 0 25px rgba(102,126,234,0.6);transform:translateY(-2px)}.vote-btn:hover::before{width:300px;height:300px}.server-quick-actions{display:flex;gap:0.4rem;margin-top:0.25rem}.quick-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:1rem;text-decoration:none;cursor:pointer;transition:all 0.2s ease;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.05)}.quick-action:hover{background:rgba(255,255,255,0.15);transform:scale(1.1)}.quick-action.copied{background:rgba(34,197,94,0.3);border-color:#22c55e}.hero{text-align:center;padding:var(--space-16) var(--space-4);margin-bottom:var(--space-8);position:relative;overflow-x:clip;min-height:200px;contain:layout style}.hero::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250%;height:400%;will-change:opacity;contain:strict;background:radial-gradient(ellipse closest-side at center,rgba(10,14,39,0.75) 0%,rgba(10,14,39,0.4) 60%,transparent 100%);pointer-events:none;z-index:0}.hero .container{position:relative;z-index:1}.hero h1{font-size:var(--text-5xl);margin-bottom:var(--space-4);text-shadow:0 0 40px var(--primary-glow);min-height:1.2em;line-height:1.2}.hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-6);line-height:1.6}.hero--compact{padding:var(--space-8) var(--space-4);margin-bottom:var(--space-6)}.hero-search{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.hero-search .search-bar{display:flex;max-width:500px;width:100%}.hero-search .search-bar input{flex:1;border-radius:var(--radius-full) 0 0 var(--radius-full);border-right:none}.hero-search .search-bar button{border-radius:0 var(--radius-full) var(--radius-full) 0}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-top:1.5rem}.chip{display:inline-flex;align-items:center;padding:0.6rem 1.4rem;background:transparent;border:2px solid rgba(255,255,255,0.25);border-radius:50px;color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none;backdrop-filter:blur(10px)}.chip:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:white;transform:translateY(-2px)}.chip--active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:transparent;color:white;box-shadow:0 4px 20px rgba(102,126,234,0.4)}.chip--hidden{display:none}.hero-chips.expanded .chip--hidden{display:inline-flex}.chips-toggle{display:flex;width:100%;justify-content:center;margin-top:0.75rem}.chips-toggle-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.2rem;background:rgba(102,126,234,0.15);border:1px solid rgba(102,126,234,0.3);border-radius:50px;color:var(--primary-400);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.chips-toggle-btn:hover{background:rgba(102,126,234,0.25);border-color:rgba(102,126,234,0.5)}.chips-toggle-btn .arrow{transition:transform 0.3s ease}.chips-toggle-btn.expanded .arrow{transform:rotate(180deg)}@media (max-width:768px){.hero-chips{gap:0.4rem}.chip{padding:0.5rem 1rem;font-size:0.8rem}.hero-chips .chip:nth-child(n+8){display:none}.hero-chips.expanded .chip:nth-child(n+8){display:inline-flex}.hero-chips.expanded+.chips-toggle .chips-toggle-btn .arrow{transform:rotate(180deg)}}.hero-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.btn-add-server{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.5rem;background:linear-gradient(135deg,var(--accent-color),#e6890d);border:none;border-radius:50px;color:#1a1a2e;font-size:0.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(245,158,11,0.3)}.btn-add-server:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(245,158,11,0.5);background:linear-gradient(135deg,#ffc107,var(--accent-color));color:#1a1a2e}.btn-add-server .btn-icon{font-size:1.1rem;font-weight:700}.card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:2rem;margin-bottom:2rem;transition:all 0.3s ease}.card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px rgba(0,0,0,0.4)}.card h2{font-size:var(--text-xl);border-bottom:1px solid var(--border-default);padding-bottom:var(--space-4);margin-top:0;margin-bottom:var(--space-5);background:linear-gradient(135deg,#ffffff,var(--primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.post-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-card__image{height:200px;overflow:hidden;position:relative;background-size:cover;background-position:center}.post-card__image::before{content:'';position:absolute;inset:-10px;background:inherit;background-size:cover;background-position:center;filter:blur(18px) brightness(0.55);z-index:0}.post-card__image img{position:relative;width:100%;height:100%;object-fit:contain;z-index:1;transition:transform var(--transition-slow)}.post-card:hover .post-card__image img{transform:scale(1.05)}.post-card__content{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.post-card__date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.post-card__title{font-size:var(--text-lg);font-family:var(--font-heading);margin:0 0 var(--space-3);color:var(--text-primary)}.post-card__excerpt{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;flex:1;margin-bottom:var(--space-4)}.post-card__link{color:var(--primary-400);font-weight:600;font-size:var(--text-sm)}.post-card__link:hover{color:var(--accent-400)}.vote-container{max-width:500px;margin:var(--space-6) auto}.vote-form{background:var(--card-bg);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--card-border)}.server-preview{background:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);text-align:center}.server-preview h3{margin:0 0 var(--space-2);color:var(--primary-400)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-8) 0;flex-wrap:wrap}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.pagination a:hover{background:var(--primary-500);border-color:var(--primary-500);color:white;box-shadow:var(--glow-primary);transform:translateY(-2px)}.pagination .current{background:var(--primary-500);border-color:var(--primary-500);color:white;box-shadow:var(--glow-primary)}.pagination .disabled{opacity:0.4;pointer-events:none}.pagination__info{color:var(--text-muted);font-size:var(--text-sm);margin:0 var(--space-3)}#server-list{transition:opacity 0.2s ease}.top-servers-section{margin:var(--space-8) 0}footer{background:linear-gradient(180deg,rgba(10,14,39,0.98) 0%,rgba(5,8,26,0.99) 100%);backdrop-filter:blur(20px);color:var(--text-light);padding:2.5rem 0 1.5rem;margin-top:auto;border-top:none;position:relative}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,0.4) 50%,transparent 100%)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:0;position:relative;z-index:1}.footer-col{padding:0}.footer-col h3{color:#ffffff;margin-bottom:1rem;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;position:relative;padding-bottom:0.75rem}.footer-col h3::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:1px}.footer-col p{color:rgba(255,255,255,0.7);font-size:0.85rem;line-height:1.6;margin-bottom:0.5rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:0.5rem}.footer-col ul a{color:rgba(255,255,255,0.7);font-size:0.85rem;font-weight:400;transition:all 0.2s ease;text-decoration:none}.footer-col ul a:hover{color:#ffffff;text-decoration:none}.disclaimer{font-size:0.8rem;color:rgba(255,255,255,0.5);margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);position:relative;z-index:1}@media (max-width:900px){.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-col h3::after{left:50%;transform:translateX(-50%)}}.server-header{background:rgba(20,20,50,0.6);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);padding:2.5rem 0;margin-bottom:2rem}.server-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.server-header h1{margin:0 0 0.5rem 0;font-size:3rem}.server-header-actions{display:flex;gap:1rem}.main-content-grid{display:grid;grid-template-columns:1fr 380px;gap:2rem}.server-banner-full{width:100%;height:auto;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--card-border)}.sidebar-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.stat-item{display:flex;justify-content:space-between;padding:1rem;background:rgba(0,0,0,0.3);border-radius:12px;border:1px solid var(--card-border);transition:all 0.3s ease}.stat-item:hover{background:rgba(102,126,234,0.1);transform:translateX(5px)}.stat-label{color:var(--text-light);font-weight:600}.stat-value{color:#fff;font-weight:bold}.stat-value.highlight{background:linear-gradient(135deg,var(--accent-color),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.online{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,0.5)}.stat-value.offline{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,0.5)}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="number"],input[type="datetime-local"],textarea,select{width:100%;padding:1rem 1.25rem;background:rgba(15,20,45,0.8);border:2px solid rgba(102,126,234,0.4);border-radius:12px;color:#ffffff;font-size:1rem;font-family:var(--font-body);transition:all 0.3s ease;backdrop-filter:blur(15px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="url"]::placeholder,input[type="password"]::placeholder,textarea::placeholder{color:rgba(176,184,212,0.6);font-style:italic}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="datetime-local"]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);background:rgba(20,25,55,0.95);box-shadow:0 0 0 4px rgba(102,126,234,0.25),0 0 25px rgba(102,126,234,0.4),0 8px 20px rgba(0,0,0,0.3);transform:translateY(-3px);color:#ffffff}input[type="text"]:hover,input[type="email"]:hover,input[type="url"]:hover,input[type="password"]:hover,input[type="number"]:hover,textarea:hover,select:hover{border-color:rgba(102,126,234,0.6)}label{display:block;margin-bottom:0.75rem;font-weight:600;color:var(--text-color);font-size:0.95rem;letter-spacing:0.5px}label::after{content:"";display:inline-block;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));margin-left:0.5rem;transition:width 0.3s ease}label:hover::after{width:30px}.form-group{margin-bottom:1.75rem}input[type="checkbox"],input[type="radio"]{width:22px;height:22px;margin-right:0.75rem;accent-color:var(--primary-color);cursor:pointer;transition:all 0.2s ease}input[type="checkbox"]:hover,input[type="radio"]:hover{transform:scale(1.1)}input[type="checkbox"]:checked,input[type="radio"]:checked{animation:pulse-check 0.3s ease}@keyframes pulse-check{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}small{display:block;margin-top:0.5rem;color:var(--text-light);font-size:0.85rem}.error,.error-message{background:rgba(231,76,60,0.15);border:2px solid #e74c3c;border-radius:12px;color:#ff6b6b;padding:1rem 1.25rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);animation:fadeInUp 0.3s ease}.success,.success-message{background:rgba(46,204,113,0.15);border:2px solid var(--accent-color);border-radius:12px;color:#2ecc71;padding:1rem 1.25rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);animation:fadeInUp 0.3s ease}.info,.info-message{background:rgba(52,152,219,0.15);border:2px solid #3498db;border-radius:12px;color:#5dade2;padding:1rem 1.25rem;margin-bottom:1.5rem;backdrop-filter:blur(10px)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0.75rem;margin-top:0.5rem}.checkbox-grid label{display:flex;align-items:center;gap:0.75rem;cursor:pointer;padding:0.85rem 1.1rem;background:rgba(102,126,234,0.08);border:2px solid rgba(102,126,234,0.3);border-radius:12px;transition:all 0.3s ease;margin-bottom:0}.checkbox-grid label::after{display:none}.checkbox-grid label:hover{background:rgba(102,126,234,0.2);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 15px rgba(102,126,234,0.2)}.checkbox-grid label:has(input[type="checkbox"]:checked){background:rgba(245,158,11,0.15);border-color:var(--accent-color);box-shadow:0 4px 15px rgba(245,158,11,0.25)}.checkbox-grid input[type="checkbox"]:checked+span{color:var(--accent-color);font-weight:700}fieldset{border:2px solid var(--card-border);border-radius:16px;padding:1.5rem;margin-bottom:2rem;background:rgba(20,20,50,0.3)}legend{padding:0.5rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.1rem}.nav-toggle,.nav-toggle-label{display:none}@media (max-width:768px){.nav-container{justify-content:space-between;padding:0 1rem}.nav-toggle-label{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0.75rem;z-index:1001;position:relative;margin-left:auto}.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{display:block;background:white;height:3px;width:28px;border-radius:2px;position:relative;transition:all 0.3s ease}.nav-toggle-label span::before,.nav-toggle-label span::after{content:"";position:absolute}.nav-toggle-label span::before{bottom:8px}.nav-toggle-label span::after{top:8px}.nav-toggle:checked~.nav-toggle-label span{background:transparent}.nav-toggle:checked~.nav-toggle-label span::before{transform:rotate(45deg);bottom:0}.nav-toggle:checked~.nav-toggle-label span::after{transform:rotate(-45deg);top:0}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(10,14,39,0.98);backdrop-filter:blur(20px);padding:1rem 0;gap:0;border-top:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 40px rgba(0,0,0,0.5);max-height:80vh;overflow-y:auto;z-index:999}.nav-toggle:checked~.nav-links{display:flex}.nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,0.05)}.nav-links li:last-child{border-bottom:none}.nav-links a{padding:1rem 1.5rem;width:100%;justify-content:flex-start;font-size:1rem;text-transform:none;letter-spacing:0}.nav-links a::after{display:none}.nav-links .btn{margin:1rem 1.5rem;width:calc(100% - 3rem);text-align:center;justify-content:center;padding:0.75rem 1.5rem;font-size:1rem}.dropdown{flex-direction:column;align-items:stretch}.dropdown-menu,.megamenu{position:static;opacity:1;visibility:visible;transform:none;display:none;background:rgba(0,0,0,0.3);box-shadow:none;border-radius:0;padding:0;width:100%}.dropdown:hover .dropdown-menu,.dropdown:hover .megamenu,.dropdown:focus-within .dropdown-menu,.dropdown:focus-within .megamenu{display:none !important}.dropdown.is-open .dropdown-menu,.dropdown.is-open .megamenu{display:block !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;position:static !important;transform:none !important;max-height:60vh;overflow-y:auto}button.dropdown-trigger,.mobile-dropdown-toggle{width:100%;background:transparent !important;border:none !important;color:var(--text-light) !important;font-family:inherit;font-weight:600;font-size:1rem;text-transform:none;letter-spacing:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;text-align:left}button.dropdown-trigger:hover,.mobile-dropdown-toggle:hover{color:#fff !important;background:rgba(255,255,255,0.05) !important}.dropdown-arrow{transition:transform 0.3s ease;font-size:0.8rem}.dropdown.is-open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu li a,.megamenu a{padding:0.75rem 2rem;font-size:0.9rem}.megamenu-content{flex-direction:column;padding:0.5rem 0}.megamenu-group{padding:0.5rem 1.5rem;border-right:none;border-bottom:1px solid rgba(255,255,255,0.05)}.megamenu-group h4{font-size:0.8rem;margin-bottom:0.5rem}.megamenu-group ul{display:flex;flex-wrap:wrap;gap:0.25rem 1rem}.megamenu-group li a{padding:0.4rem 0;font-size:0.85rem}.megamenu-footer{padding:0.75rem 1.5rem}.nav-search{display:none}.hero h1{font-size:2.5rem}.server-card{flex-direction:column;text-align:center}.server-stats{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;border-left:none;border-top:1px solid var(--card-border);padding-left:0;padding-top:1rem;margin-top:1rem;gap:0.75rem}.server-quick-actions{margin-top:0}.server-banner-thumb{width:100%;height:150px}.main-content-grid{grid-template-columns:1fr}}.nav-search{position:relative;flex:1 1 200px;max-width:300px;min-width:180px}.nav-search input{width:100%;padding:0.55rem 1rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);color:var(--text-primary);font-size:0.85rem;transition:all var(--transition-fast)}.nav-search input::placeholder{color:var(--text-muted)}.nav-search input:focus{outline:none;background:rgba(255,255,255,0.15);border-color:var(--primary-400);box-shadow:0 0 0 3px rgba(102,126,234,0.2)}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:0.5rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;z-index:1001;max-height:400px;overflow-y:auto}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;text-decoration:none;color:var(--text-primary);border-bottom:1px solid var(--border-default);transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:rgba(102,126,234,0.1)}.search-result-name{font-weight:500}.search-result-votes{font-size:0.8rem;color:var(--text-muted)}.search-no-results{padding:1rem;text-align:center;color:var(--text-muted)}.theme-toggle{background:transparent;border:1px solid var(--border-default);width:36px;height:36px;border-radius:50%;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition-fast);color:var(--text-secondary)}.theme-toggle:hover{background:var(--bg-surface);border-color:var(--primary-400);color:var(--primary-400)}[data-theme="light"]{--bg-deep:#f0f4f8;--bg-color:#ffffff;--bg-surface:#f8fafc;--bg-elevated:#ffffff;--text-primary:#1a202c;--text-secondary:#4a5568;--text-light:#718096;--text-muted:#a0aec0;--border-default:rgba(0,0,0,0.1);--card-bg:rgba(255,255,255,0.9);--card-border:rgba(0,0,0,0.1)}[data-theme="light"] body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-theme="light"] .top-bar{background:rgba(255,255,255,0.95);box-shadow:0 2px 10px rgba(0,0,0,0.1)}[data-theme="light"] .nav-links a{color:var(--text-secondary)}[data-theme="light"] .nav-search input{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.15);color:var(--text-primary)}.share-buttons{display:flex;gap:0.75rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1rem;border-radius:var(--radius-md);font-size:0.85rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.share-btn--twitter{background:#1da1f2;color:white}.share-btn--twitter:hover{background:#0d8ddb;transform:translateY(-2px)}.share-btn--discord{background:#5865f2;color:white}.share-btn--discord:hover{background:#4752c4;transform:translateY(-2px)}.share-btn--copy{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary)}.share-btn--copy:hover{background:var(--primary-500);border-color:var(--primary-500);color:white;transform:translateY(-2px)}.owner-access-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-default);text-align:center}.owner-access-toggle{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(99,102,241,0.15));border:1px solid rgba(139,92,246,0.4);color:#fff;font-size:0.9rem;cursor:pointer;padding:0.7rem 1.4rem;border-radius:10px;transition:all 0.25s;font-weight:600;box-shadow:0 4px 15px rgba(139,92,246,0.2)}.owner-access-toggle:hover{background:linear-gradient(135deg,rgba(139,92,246,0.35),rgba(99,102,241,0.25));border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,0.3)}.owner-access-toggle .toggle-arrow{font-size:0.75em;margin-left:0.25rem;transition:transform 0.3s}.owner-access-panel{margin-top:1rem;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.owner-access-content{background:linear-gradient(165deg,#1e1b4b 0%,#1a1a2e 50%,#0f172a 100%);border:1px solid rgba(139,92,246,0.4);border-radius:16px;padding:1.5rem;text-align:left;box-shadow:0 12px 40px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05);position:relative;overflow:hidden}.owner-access-content::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),#f59e0b,var(--primary))}.owner-access-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.owner-access-icon{font-size:2rem;line-height:1}.owner-access-header h4{margin:0 0 0.3rem;font-size:1.1rem;color:#fff;font-weight:600}.owner-access-header p{margin:0;font-size:0.9rem;color:rgba(255,255,255,0.7);line-height:1.4}.owner-token-form{display:flex;gap:0.75rem}.owner-token-input{flex:1;padding:0.9rem 1rem;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#fff;font-size:0.9rem;transition:all 0.2s}.owner-token-input:hover{background:rgba(0,0,0,0.45);border-color:rgba(255,255,255,0.25)}.owner-token-input:focus{outline:none;background:rgba(0,0,0,0.55);border-color:var(--primary);box-shadow:0 0 0 3px rgba(139,92,246,0.25)}.owner-token-input::placeholder{color:rgba(255,255,255,0.4)}.owner-access-btn{padding:0.9rem 1.5rem;background:linear-gradient(135deg,var(--primary),#7c3aed);color:white;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.25s;white-space:nowrap;box-shadow:0 4px 15px rgba(139,92,246,0.35)}.owner-access-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,0.5);background:linear-gradient(135deg,#9f7aea,var(--primary))}.owner-recover-section{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,0.15);display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 1rem}.owner-recover-section>span{font-size:0.85rem;color:rgba(255,255,255,0.6)}.owner-recover-link{display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:8px;color:#a78bfa;font-size:0.9rem;text-decoration:none;font-weight:500;transition:all 0.2s}.owner-recover-link:hover{background:rgba(139,92,246,0.2);border-color:var(--primary);color:#fff;transform:translateX(4px)}@media (max-width:500px){.owner-token-form{flex-direction:column}.owner-access-btn{width:100%}.owner-recover-section{flex-direction:column;align-items:flex-start}}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.avg-rating{font-size:1.1rem;color:var(--warning-color);font-weight:600}.star-rating{display:flex;gap:0.25rem;font-size:1.5rem;cursor:pointer}.star-rating span{color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.star-rating span.active,.star-rating span.hover{color:var(--warning-color)}.star-rating span:hover{transform:scale(1.2)}.review-item{padding:1rem;background:var(--bg-surface-dark);border-radius:var(--radius-md);margin-bottom:1rem;border-left:3px solid var(--primary-500)}.review-header{display:flex;align-items:center;gap:1rem;margin-bottom:0.5rem;flex-wrap:wrap}.review-author{font-weight:600;color:var(--text-primary)}.review-rating{color:var(--warning-color);font-size:0.9rem}.review-date{font-size:0.8rem;color:var(--text-muted);margin-left:auto}.review-comment{color:var(--text-secondary);line-height:1.6;margin:0}.badge-verified{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--success-color),#059669);color:white;border-radius:50%;font-size:0.75rem;font-weight:700;margin-left:0.5rem;vertical-align:middle;box-shadow:0 2px 8px rgba(16,185,129,0.4)}.badge-verified::before{content:none}.pagination{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:2rem;flex-wrap:wrap}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:0.9rem;text-decoration:none;transition:all var(--transition-fast)}.pagination a:hover{background:var(--primary-500);border-color:var(--primary-500);color:white;transform:translateY(-2px)}.pagination .current{background:var(--primary-500);border-color:var(--primary-500);color:white;font-weight:600}.pagination .disabled{opacity:0.5;cursor:not-allowed;background:var(--bg-surface)}.sort-dropdown{position:relative;display:inline-flex;align-items:center;margin-top:1rem}.sort-dropdown select{appearance:none;padding:0.6rem 2.5rem 0.6rem 1.2rem;background:transparent;border:2px solid rgba(255,255,255,0.25);border-radius:50px;color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px)}.sort-dropdown select option{background:#1a1f2e;color:white;padding:0.5rem}.sort-dropdown select:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:white}.sort-dropdown select:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 15px rgba(102,126,234,0.3)}.sort-dropdown::after{content:"▾";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.6);pointer-events:none;font-size:0.8rem}.breadcrumb-nav{background:rgba(10,14,39,0.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);padding:0.5rem 0;position:sticky;top:var(--nav-height);z-index:999}.breadcrumb-nav .container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.breadcrumb-list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap;font-size:var(--text-sm)}.breadcrumb-item a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast),text-shadow var(--transition-fast);font-weight:500;padding:0.25rem 0}.breadcrumb-item a:hover{color:var(--primary-400);text-shadow:0 0 8px var(--primary-glow)}.breadcrumb-item--active{color:var(--text-primary);font-weight:600}.breadcrumb-item--active span{color:var(--accent-400);background:linear-gradient(135deg,var(--accent-400) 0%,var(--primary-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breadcrumb-separator{color:var(--text-muted);opacity:0.5;margin:0 0.5rem;font-size:0.9em;user-select:none}.copy-ip-section{background:linear-gradient(135deg,rgba(17,21,49,0.9),rgba(26,26,46,0.9));border:1px solid rgba(139,92,246,0.3);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-top:1.25rem;margin-bottom:1.5rem}.copy-ip-label{display:block;font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.75rem;font-weight:600}.copy-ip-container{display:flex;flex-direction:column;background:rgba(0,0,0,0.4);border:2px solid rgba(139,92,246,0.25);border-radius:var(--radius-md);overflow:hidden;transition:border-color 0.2s ease}.copy-ip-container:hover{border-color:rgba(139,92,246,0.5)}.copy-ip-value{width:100%;padding:1rem 1.25rem;font-family:'JetBrains Mono','Fira Code','Courier New',monospace;font-size:1.05rem;font-weight:500;color:#f59e0b;background:transparent;text-align:center;letter-spacing:0.3px;border-bottom:1px solid rgba(139,92,246,0.2)}.copy-ip-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.85rem 1.5rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;color:white;font-size:0.9rem;font-weight:600;cursor:pointer;transition:background 0.2s ease;white-space:nowrap}.copy-ip-btn .copy-text{min-width:50px;text-align:center}.copy-ip-btn:hover{background:linear-gradient(135deg,var(--primary-400),var(--primary-500))}.copy-ip-btn.copied{background:linear-gradient(135deg,#10b981,#059669)}.copy-ip-btn .copy-icon{font-size:1.1rem}.copy-ip-btn .copy-text{font-size:0.85rem}@media (max-width:768px){.breadcrumb-nav{padding:0.5rem 0}.breadcrumb-list{font-size:var(--text-xs)}.breadcrumb-separator{margin:0 0.35rem}}@media (max-width:480px){.breadcrumb-nav .container{padding:0 1rem}.breadcrumb-list{overflow:hidden;white-space:nowrap}.breadcrumb-item,.breadcrumb-separator{display:inline}}.top-categories-section{padding:2.5rem 0;margin-bottom:2rem}.top-categories-section .container{background:linear-gradient(165deg,rgba(30,27,75,0.9) 0%,rgba(26,26,46,0.85) 100%);border:1px solid rgba(139,92,246,0.35);border-radius:24px;padding:2rem 2.5rem;box-shadow:0 8px 40px rgba(139,92,246,0.15),0 0 80px rgba(139,92,246,0.05);backdrop-filter:blur(10px)}.section-title{text-align:center;font-size:1.6rem;margin-bottom:1.75rem;color:#fff;font-weight:800;text-shadow:0 2px 15px rgba(139,92,246,0.3);letter-spacing:-0.5px}.top-categories-tabs{display:flex;justify-content:center;gap:0.6rem;flex-wrap:wrap;margin-bottom:1.5rem}.top-cat-tab{padding:0.7rem 1.5rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:50px;color:rgba(255,255,255,0.7);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.top-cat-tab:hover{background:rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.5);color:#fff;transform:translateY(-2px)}.top-cat-tab.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 20px rgba(139,92,246,0.5);transform:translateY(-2px)}.top-categories-panels{position:relative}.top-cat-panel{display:none;animation:fadeInUp 0.4s ease}.top-cat-panel.active{display:block}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.top-servers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:100%}.top-server-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.15);border-radius:16px;text-decoration:none;color:inherit;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.top-server-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,0.15),transparent);opacity:0;transition:opacity 0.3s ease}.top-server-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(139,92,246,0.6);box-shadow:0 12px 35px rgba(139,92,246,0.25)}.top-server-card:hover::before{opacity:1}.top-server-card.top-server-rank-1{border-color:rgba(255,215,0,0.5);background:linear-gradient(145deg,rgba(255,215,0,0.15),rgba(255,215,0,0.02))}.top-server-card.top-server-rank-1:hover{border-color:rgba(255,215,0,0.8);box-shadow:0 12px 35px rgba(255,215,0,0.25)}.top-server-card.top-server-rank-2{border-color:rgba(192,192,192,0.4);background:linear-gradient(145deg,rgba(192,192,192,0.1),rgba(192,192,192,0.02))}.top-server-card.top-server-rank-2:hover{border-color:rgba(192,192,192,0.7);box-shadow:0 12px 35px rgba(192,192,192,0.2)}.top-server-card.top-server-rank-3{border-color:rgba(205,127,50,0.4);background:linear-gradient(145deg,rgba(205,127,50,0.1),rgba(205,127,50,0.02))}.top-server-card.top-server-rank-3:hover{border-color:rgba(205,127,50,0.7);box-shadow:0 12px 35px rgba(205,127,50,0.2)}.top-server-medal{font-size:1.8rem;flex-shrink:0;width:40px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,0.3);position:relative;z-index:1}.top-server-thumb-wrapper{position:relative;flex-shrink:0;z-index:1}.top-server-thumb-wrapper .status-badge-compact{position:absolute;top:-6px;right:-6px;padding:0.15rem 0.35rem;font-size:0.55rem}.top-server-thumb-wrapper .status-dot{width:6px;height:6px}.top-server-thumb{width:70px;height:42px;border-radius:10px;object-fit:cover;flex-shrink:0;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1)}.top-server-thumb-placeholder{width:70px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(139,92,246,0.3),rgba(99,102,241,0.2));border:1px solid rgba(139,92,246,0.3);display:flex;align-items:center;justify-content:center}.top-server-thumb-placeholder::after{content:'🎮';font-size:1.2rem;opacity:0.5}.top-server-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.25rem;position:relative;z-index:1}.top-server-name{font-weight:700;font-size:0.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.2px}.top-server-votes{font-size:0.8rem;color:rgba(255,255,255,0.6);font-weight:500}.view-all-category{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1.5rem;padding:0.85rem 2rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;color:#fff;font-size:0.95rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(16,185,129,0.3)}.top-cat-panel{text-align:center}.top-cat-panel .top-servers-grid{text-align:left}.view-all-category:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-3px);box-shadow:0 8px 25px rgba(16,185,129,0.45);color:#fff}.view-all-category::after{content:'→';font-size:1.1rem;transition:transform 0.2s ease}.view-all-category:hover::after{transform:translateX(4px)}@media (max-width:900px){.top-categories-section .container{padding:1.5rem;border-radius:18px}.top-servers-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}}@media (max-width:600px){.top-categories-section{padding:1.5rem 0}.top-categories-section .container{padding:1.25rem 1rem;margin:0 0.5rem;border-radius:16px}.section-title{font-size:1.3rem}.top-categories-tabs{gap:0.4rem}.top-cat-tab{padding:0.55rem 1.1rem;font-size:0.8rem}.top-server-card{padding:0.85rem 1rem}.top-server-medal{font-size:1.4rem;width:32px}.top-server-thumb{width:55px;height:33px}.top-server-name{font-size:0.88rem}.view-all-category{padding:0.75rem 1.5rem;font-size:0.85rem}}.status-badge-compact{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:0.35rem;padding:0.3rem 0.6rem;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);border-radius:20px;font-size:0.7rem;font-weight:600;line-height:1;z-index:3;pointer-events:none}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;will-change:opacity}.status-label{color:rgba(255,255,255,0.95);text-transform:uppercase;letter-spacing:0.3px}.status-badge-compact.status-online{border:1px solid rgba(34,197,94,0.4)}.status-badge-compact.status-online .status-dot{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,0.6);animation:pulse-online 2s ease-in-out infinite}.status-badge-compact.status-online .status-label{color:#86efac}@keyframes pulse-online{0%,100%{opacity:1}50%{opacity:0.6}}.status-badge-compact.status-offline{border:1px solid rgba(239,68,68,0.3)}.status-badge-compact.status-offline .status-dot{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.4)}.status-badge-compact.status-offline .status-label{color:#fca5a5}.status-badge-compact.status-soon{border:1px solid rgba(251,191,36,0.4);background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(245,158,11,0.15))}.status-badge-compact.status-soon .status-dot{background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,0.5);animation:pulse-soon 3s ease-in-out infinite}.status-badge-compact.status-soon .status-label{color:#fde68a}@keyframes pulse-soon{0%,100%{opacity:1}50%{opacity:0.6}}.guides-express-section{padding:0 0 1.5rem;margin-top:-1rem}.guides-express-wrapper{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.guide-express-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1.75rem;min-width:180px;max-width:240px;flex:1;background:linear-gradient(135deg,rgba(102,126,234,0.12),rgba(139,92,246,0.08));border:1px solid rgba(102,126,234,0.25);border-radius:14px;text-decoration:none;color:inherit;transition:all 0.3s ease;position:relative;overflow:hidden}.guide-express-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));opacity:0;transition:opacity 0.3s ease}.guide-express-card:hover{transform:translateY(-4px);border-color:rgba(102,126,234,0.5);box-shadow:0 8px 30px rgba(102,126,234,0.25);background:linear-gradient(135deg,rgba(102,126,234,0.2),rgba(139,92,246,0.15))}.guide-express-card:hover::before{opacity:1}.guide-express-icon{font-size:1.75rem;margin-bottom:0.5rem;display:block}.guide-express-label{font-weight:700;font-size:1rem;color:#fff;margin-bottom:0.25rem}.guide-express-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.3}@media (max-width:768px){.guides-express-section{padding:0 0 1rem}.guides-express-wrapper{gap:0.75rem}.guide-express-card{padding:1rem 1.25rem;min-width:140px;flex:1 1 calc(33.333% - 0.5rem)}.guide-express-icon{font-size:1.5rem}.guide-express-label{font-size:0.85rem}.guide-express-desc{display:none}}@media (max-width:480px){.guide-express-card{min-width:100px;padding:0.75rem 1rem}.guide-express-icon{font-size:1.25rem;margin-bottom:0.3rem}.guide-express-label{font-size:0.75rem}}.btn-disabled,.quiz-next:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.quiz-choice.selected{border-color:var(--primary-500);background:rgba(102,126,234,0.15);box-shadow:0 0 10px rgba(102,126,234,0.3)}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;margin-top:1rem}.quiz-prev,.quiz-prev.btn-ghost{background:rgba(255,255,255,0.15) !important;border:1px solid rgba(255,255,255,0.3) !important;color:#fff !important}.quiz-prev:hover,.quiz-prev.btn-ghost:hover{background:rgba(255,255,255,0.25) !important;border-color:rgba(255,255,255,0.5) !important;color:#fff !important;box-shadow:0 0 10px rgba(255,255,255,0.2) !important;transform:none !important}.quiz-result{text-align:center}.quiz-result-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fff}.quiz-result-card{display:none}.quiz-main-card{display:block;background:linear-gradient(135deg,rgba(139,92,246,0.15),rgba(102,126,234,0.1));border:1px solid rgba(139,92,246,0.35);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:all 0.25s ease;margin-top:0.75rem}.quiz-main-card:hover{border-color:rgba(139,92,246,0.6);transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,0.25)}.quiz-main-banner{width:100%;max-height:100px;overflow:hidden;background:linear-gradient(135deg,#2d1b69,#1e1b3a)}.quiz-main-banner img{width:100%;height:100px;max-height:100px;object-fit:cover;display:block}.quiz-main-body{padding:0.85rem 1rem;text-align:left}.quiz-main-name{font-weight:700;font-size:1.05rem;color:#fff;margin-bottom:0.35rem}.quiz-main-rating{margin-bottom:0.4rem}.quiz-main-rating .quiz-rating-stars{gap:2px}.quiz-main-meta{display:flex;flex-wrap:wrap;gap:0.35rem;align-items:center;margin-bottom:0.4rem}.quiz-main-reasons{display:flex;flex-wrap:wrap;gap:0.3rem;padding-top:0.45rem;border-top:1px solid rgba(255,255,255,0.06)}.quiz-chip{display:inline-flex;align-items:center;padding:0.2rem 0.55rem;border-radius:20px;font-size:0.7rem;font-weight:500;line-height:1.3}.quiz-chip-default{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.6)}.quiz-chip-green{background:rgba(34,197,94,0.12);color:#4ade80}.quiz-chip-red{background:rgba(239,68,68,0.12);color:#f87171}.quiz-chip-purple{background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.2);color:rgba(255,255,255,0.75)}.quiz-result-card-legacy{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(102,126,234,0.15));border:1px solid rgba(139,92,246,0.4);border-radius:12px;padding:0.75rem;text-decoration:none;transition:all 0.3s ease;margin-bottom:1rem}.quiz-result-card:hover{background:linear-gradient(135deg,rgba(139,92,246,0.3),rgba(102,126,234,0.25));border-color:rgba(139,92,246,0.6);transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,0.3)}.quiz-result-banner{width:80px;height:45px;border-radius:8px;overflow:hidden;flex-shrink:0}.quiz-result-banner img{width:100%;height:100%;object-fit:cover}.quiz-result-banner-placeholder{background:linear-gradient(135deg,#4c1d95,#7c3aed);display:flex;align-items:center;justify-content:center}.quiz-result-banner-placeholder span{font-size:1.5rem}.quiz-result-info{flex:1;text-align:left;min-width:0}.quiz-result-name{display:block;font-weight:600;color:#fff;font-size:0.95rem;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-result-meta{display:flex;gap:0.75rem;font-size:0.75rem;color:rgba(255,255,255,0.7)}.quiz-status.online{color:#4ade80}.quiz-status.offline{color:rgba(255,255,255,0.5)}.quiz-votes{color:#fbbf24}.quiz-result-arrow{color:var(--primary-400);font-size:1.25rem;font-weight:bold;flex-shrink:0}.quiz-alts-title{font-size:0.8rem;color:rgba(255,255,255,0.6);margin:0.75rem 0 0.5rem;text-align:left}.quiz-alts-grid{display:flex;gap:0.5rem}.quiz-alt-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:0.35rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.5rem;text-decoration:none;transition:all 0.2s ease}.quiz-alt-card:hover{background:rgba(139,92,246,0.15);border-color:rgba(139,92,246,0.4)}.quiz-alt-banner{width:100%;height:32px;border-radius:4px;object-fit:cover}.quiz-alt-banner-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4c1d95,#7c3aed);font-size:0.9rem}.quiz-alt-name{font-size:0.7rem;color:rgba(255,255,255,0.9);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.quiz-alt-status{font-size:0.6rem}.quiz-alt-status.online{color:#4ade80}.quiz-match-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.35rem 0.9rem;border-radius:20px;font-size:0.85rem;font-weight:700;margin-bottom:0.75rem;letter-spacing:0.02em}.quiz-match-high{background:linear-gradient(135deg,rgba(34,197,94,0.25),rgba(16,185,129,0.2));border:1px solid rgba(34,197,94,0.5);color:#4ade80}.quiz-match-medium{background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(245,158,11,0.15));border:1px solid rgba(251,191,36,0.4);color:#fbbf24}.quiz-match-low{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.6)}.quiz-rating-stars{display:inline-flex;align-items:center;gap:2px;font-size:0.8rem}.quiz-alt-match{font-size:0.6rem;font-weight:700;padding:0.1rem 0.4rem;border-radius:8px}.quiz-restart{margin-top:1rem;background:rgba(255,255,255,0.15) !important;border:1px solid rgba(255,255,255,0.3) !important;color:#fff !important}.quiz-restart:hover{background:rgba(255,255,255,0.25) !important;border-color:rgba(255,255,255,0.5) !important;color:#fff !important;box-shadow:0 0 10px rgba(255,255,255,0.2) !important}.server-status-row{margin-bottom:0.5rem}.server-status-row .status-badge-compact{position:relative;top:auto;right:auto;display:inline-flex}.seo-accordion{position:relative;background:#0f1228;background:linear-gradient(180deg,#13162f 0%,#0f1228 100%);border:1px solid rgba(139,92,246,0.3);border-radius:16px;overflow:hidden;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.seo-accordion-content{max-height:380px;overflow:hidden;transition:max-height 0.5s ease-in-out;position:relative}.seo-accordion.expanded .seo-accordion-content{overflow:visible}.seo-accordion-fade{position:absolute;bottom:55px;left:0;right:0;height:150px;background:linear-gradient(to bottom,rgba(15,18,40,0) 0%,rgba(15,18,40,0.6) 40%,rgba(15,18,40,0.95) 80%,#0f1228 100%);pointer-events:none;transition:opacity 0.4s ease;z-index:2}.seo-accordion.expanded .seo-accordion-fade{opacity:0;pointer-events:none}.seo-accordion-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:1.25rem 2rem;background:#0f1228;border:none;border-top:1px solid rgba(139,92,246,0.1);color:#a78bfa;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;z-index:5}.seo-accordion-toggle:hover{background:#151936;color:#c4b5fd}.seo-accordion-toggle .toggle-icon{display:flex;align-items:center;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.seo-accordion.expanded .seo-accordion-toggle .toggle-icon{transform:rotate(180deg)}.desc-card{overflow:hidden}.desc-collapse{position:relative;overflow:hidden;transition:max-height 0.5s ease-in-out}.desc-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,rgba(17,21,49,0) 0%,rgba(17,21,49,0.7) 50%,rgba(17,21,49,1) 100%);pointer-events:none;z-index:2;transition:opacity 0.4s ease;opacity:0}.desc-toggle-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;margin-top:0.75rem;padding:0.7rem 1.5rem;background:rgba(139,92,246,0.08);border:1px solid rgba(139,92,246,0.2);border-radius:10px;color:#a78bfa;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;position:relative;z-index:3}.desc-toggle-btn:hover{background:rgba(139,92,246,0.15);border-color:rgba(139,92,246,0.35);color:#c4b5fd}.desc-toggle-btn svg{transition:transform 0.3s ease}.seo-content{padding:1.5rem 2rem;color:var(--text-primary);line-height:1.7;text-align:left}.seo-content .ql-align-center,.seo-content [style*="text-align:center"]{text-align:center !important}.seo-content .ql-align-right,.seo-content [style*="text-align:right"]{text-align:right !important}.seo-content .ql-align-justify,.seo-content [style*="text-align:justify"]{text-align:justify !important}.seo-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.category-seo-section{width:100%}@media (max-width:768px){.seo-content{padding:1rem 1.25rem}.seo-accordion-toggle{padding:0.875rem 1.25rem;font-size:0.9rem}.seo-accordion-content{max-height:300px}}.hero--voter{padding-bottom:var(--space-12)}.voter-page-h1{font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2rem);margin:0 0 0.5rem 0;color:var(--text-primary)}.voter-page-subtitle{color:var(--text-secondary);margin:0 0 1.5rem 0;max-width:36rem;margin-left:auto;margin-right:auto}.voter-search-wrap{position:relative;max-width:28rem;margin:0 auto}.voter-search-input{width:100%;padding:0.875rem 1rem;font-size:1rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.voter-search-input::placeholder{color:var(--text-muted)}.voter-search-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px rgba(102,126,234,0.2)}.voter-search-hint{display:block;font-size:0.8rem;color:var(--text-muted);margin-top:0.5rem}.voter-search-results{position:relative;margin-top:1rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;z-index:100;max-height:500px;overflow-y:auto}.voter-search-results.is-visible{display:block}.voter-search-result-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;text-decoration:none;color:var(--text-primary);border-bottom:1px solid var(--border-default);transition:background var(--transition-fast)}.voter-search-result-item:last-child{border-bottom:none}.voter-search-result-item:hover{background:rgba(102,126,234,0.1)}.voter-search-result-name{font-weight:500}.voter-search-result-votes{font-size:0.8rem;color:var(--text-muted)}.voter-search-no-results{padding:1rem;text-align:center;color:var(--text-muted)}.voter-top-section{padding:var(--space-8) 0 var(--space-12)}.voter-section-title{font-family:var(--font-heading);font-size:1.5rem;margin:0 0 0.5rem 0;color:var(--text-primary);text-align:center}.voter-section-desc{color:var(--text-secondary);margin:0 0 2rem 0;text-align:center}.search-card{display:block;position:relative;text-decoration:none;color:var(--text-primary);background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;margin-bottom:1rem;border:1px solid var(--card-border);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.search-card:last-child{margin-bottom:0}.search-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-400),var(--primary-600));opacity:0;transition:opacity 0.3s ease,width 0.3s ease}.search-card:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 12px 40px rgba(0,0,0,0.4),0 0 30px rgba(102,126,234,0.2),inset 0 1px 0 rgba(255,255,255,0.05)}.search-card:hover::before{opacity:1;width:5px;box-shadow:0 0 15px var(--primary-color)}.search-card-banner-wrap{position:relative;width:100%;height:100px;overflow:hidden;background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%)}.search-card-banner-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--card-bg) 0%,transparent 100%);pointer-events:none}.search-card-banner{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform 0.4s ease}.search-card:hover .search-card-banner{transform:scale(1.05)}.search-card-banner--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%)}.search-card-banner--placeholder::before{content:"🎮";font-size:2rem;opacity:0.25}.search-card-body{padding:1.25rem}.search-card-name{font-family:'Cinzel','Cinzel-fallback',Georgia,serif;font-weight:700;font-size:1.15rem;margin:0 0 0.85rem 0;color:var(--text-primary);letter-spacing:0.02em;line-height:1.3}.search-card-ip{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,0,0,0.35);border:1px solid var(--border-subtle);padding:0.5rem 0.85rem;border-radius:8px;margin-bottom:1rem}.search-card-ip-label{font-size:0.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.search-card-ip-value{font-family:'JetBrains Mono','Fira Code','Consolas',monospace;font-size:0.9rem;color:var(--primary-300);background:none;padding:0;border:none}.search-card-buttons{display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:1rem}.search-card-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 0.9rem;border-radius:8px;font-size:0.8rem;font-weight:600;text-decoration:none;background:rgba(102,126,234,0.1);border:1px solid var(--border-default);color:var(--text-secondary);transition:all 0.2s ease}.search-card-btn svg{flex-shrink:0}.search-card-btn:hover{background:rgba(102,126,234,0.2);border-color:var(--primary-400);color:var(--text-primary);transform:translateY(-1px)}.search-card-btn--discord{background:rgba(88,101,242,0.12);border-color:rgba(88,101,242,0.3)}.search-card-btn--discord:hover{background:rgba(88,101,242,0.25);border-color:#5865F2}.search-card-desc{font-size:0.875rem;color:var(--text-muted);line-height:1.55;margin:0 0 1rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-subtle);gap:1rem}.search-card-votes{display:flex;flex-direction:column;gap:0.1rem}.search-card-votes-count{font-size:1.35rem;font-weight:700;color:var(--accent-400);line-height:1}.search-card-votes-label{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.search-card-action{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;font-size:0.9rem;font-weight:700;color:#fff;white-space:nowrap;padding:0.7rem 1.5rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:10px;box-shadow:0 4px 15px rgba(102,126,234,0.3);transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.5px}.search-card:hover .search-card-action{background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-500) 100%);box-shadow:0 6px 20px rgba(102,126,234,0.45);transform:translateY(-2px)}.search-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.search-card-empty svg{opacity:0.3;stroke:var(--primary-400)}.search-card-empty span{font-size:0.95rem}@media (max-width:768px){.search-card-banner-wrap{height:85px}.search-card-body{padding:1rem}.search-card-name{font-size:1.05rem}.search-card-footer{flex-direction:column;align-items:stretch;gap:0.85rem}.search-card-votes{flex-direction:row;align-items:baseline;gap:0.4rem}.search-card-action{width:100%;justify-content:center;padding:0.85rem 1rem}}@media (max-width:480px){.search-card{border-radius:12px}.search-card-banner-wrap{height:70px}.search-card-body{padding:0.9rem}.search-card-name{font-size:1rem;margin-bottom:0.7rem}.search-card-ip{padding:0.4rem 0.7rem;margin-bottom:0.75rem}.search-card-ip-value{font-size:0.85rem}.search-card-buttons{gap:0.5rem;margin-bottom:0.75rem}.search-card-btn{padding:0.45rem 0.7rem;font-size:0.75rem}.search-card-desc{font-size:0.8rem;margin-bottom:0.75rem}.search-card-votes-count{font-size:1.15rem}}.monthly-counter-pill{display:inline-flex;align-items:center;gap:0.6rem;padding:0.6rem 1.2rem;background:linear-gradient(135deg,rgba(251,191,36,0.15),rgba(245,158,11,0.1));border:1px solid rgba(251,191,36,0.4);border-radius:50px;margin-bottom:1.5rem;animation:pulse-glow-gold 2s ease-in-out infinite}.monthly-counter-pill .counter-icon{font-size:1.1rem}.monthly-counter-pill .counter-text{font-size:0.9rem;color:rgba(255,255,255,0.9)}.monthly-counter-pill .counter-text strong{color:#fbbf24;font-weight:700}.monthly-counter-pill--votes{background:linear-gradient(135deg,rgba(239,68,68,0.15),rgba(220,38,38,0.1));border-color:rgba(239,68,68,0.4)}.monthly-counter-pill--votes .counter-text strong{color:#f87171}.monthly-badges-row{display:inline-flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.monthly-badges-row .monthly-counter-pill{margin-bottom:0}.monthly-reset-pill{display:inline-flex;align-items:center;gap:0.3rem;padding:0.4rem 0.9rem;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);border-radius:50px;font-size:0.75rem;color:rgba(255,255,255,0.7)}.monthly-reset-pill span{font-size:0.85rem}@media (max-width:600px){.monthly-badges-row{flex-direction:column;gap:0.5rem}}@keyframes pulse-glow-gold{0%,100%{opacity:1}50%{opacity:0.7}}.homepage-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;margin-top:1rem;align-items:start}.homepage-main{min-width:0}.homepage-sidebar{display:flex;flex-direction:column;gap:1.5rem;align-self:start;margin-top:2rem}.widget{background:linear-gradient(165deg,rgba(30,27,75,0.85) 0%,rgba(26,26,46,0.9) 100%);border:2px solid rgba(139,92,246,0.4);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px rgba(139,92,246,0.15),0 0 40px rgba(139,92,246,0.05);transition:transform 0.2s ease}.widget:hover{transform:translateY(-2px)}.widget-title{font-size:1.1rem;font-weight:700;margin:0 0 1.25rem;color:#fff;padding-bottom:0.75rem;border-bottom:2px solid rgba(139,92,246,0.4);display:flex;align-items:center;gap:0.5rem}.widget-ranking{border-color:rgba(255,183,0,0.5);background:linear-gradient(165deg,rgba(50,40,20,0.85) 0%,rgba(30,27,45,0.9) 100%)}.widget-ranking .widget-title{border-bottom-color:rgba(255,183,0,0.5);color:#ffd700}.widget-list{list-style:none;padding:0;margin:0}.widget-list-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0.5rem;border-bottom:1px solid rgba(255,255,255,0.08);border-radius:8px;margin:0 -0.5rem;transition:background 0.2s}.widget-list-item:hover{background:rgba(255,255,255,0.05)}.widget-list-item:last-child{border-bottom:none}.widget-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:0.85rem;font-weight:800}.widget-list-item:nth-child(1) .widget-rank{background:linear-gradient(135deg,#ffd700,#ffb700);color:#1a1a2e}.widget-list-item:nth-child(2) .widget-rank{background:linear-gradient(135deg,#c0c0c0,#a0a0a0);color:#1a1a2e}.widget-list-item:nth-child(3) .widget-rank{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.widget-list-item:nth-child(n+4) .widget-rank{background:rgba(139,92,246,0.3);color:#a78bfa}.widget-link{flex:1;color:#fff;text-decoration:none;font-size:0.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-link:hover{color:#a78bfa}.widget-votes{font-size:0.8rem;color:#a78bfa;font-weight:600;white-space:nowrap;background:rgba(139,92,246,0.15);padding:0.25rem 0.5rem;border-radius:12px}.widget-info{border-color:rgba(34,197,94,0.5);background:linear-gradient(165deg,rgba(20,50,30,0.85) 0%,rgba(26,36,46,0.9) 100%)}.widget-info .widget-title{border-bottom-color:rgba(34,197,94,0.5);color:#4ade80}.widget-benefits{list-style:none;padding:0;margin:0 0 1.25rem}.widget-benefits li{padding:0.6rem 0;padding-left:2rem;position:relative;font-size:0.9rem;color:rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.05)}.widget-benefits li:last-child{border-bottom:none}.widget-benefits li::before{content:"\2713";position:absolute;left:0;color:#22c55e;font-weight:bold;font-size:1.1rem;background:rgba(34,197,94,0.2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;top:50%;transform:translateY(-50%)}.widget-cta{width:100%;text-align:center}.widget-cta .btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;font-weight:600}.widget-cta .btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.02)}.btn-sm{padding:0.75rem 1.25rem;font-size:0.9rem}.widget-posts{border-color:rgba(59,130,246,0.5);background:linear-gradient(165deg,rgba(20,30,60,0.85) 0%,rgba(26,30,46,0.9) 100%)}.widget-posts .widget-title{border-bottom-color:rgba(59,130,246,0.5);color:#60a5fa}.widget-posts-list{list-style:none;padding:0;margin:0}.widget-posts-list li{padding:0.75rem 0;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;align-items:flex-start;gap:0.75rem}.widget-posts-list li:last-child{border-bottom:none}.widget-posts-list a{color:#fff;text-decoration:none;font-size:0.9rem;font-weight:500;line-height:1.4;flex:1;transition:color 0.2s}.widget-posts-list a:hover{color:#60a5fa}.widget-date{font-size:0.75rem;color:#60a5fa;white-space:nowrap;background:rgba(59,130,246,0.15);padding:0.2rem 0.5rem;border-radius:10px}.widget-more{display:inline-flex;align-items:center;margin-top:1rem;font-size:0.85rem;color:#60a5fa;text-decoration:none;font-weight:500;transition:color 0.2s}.widget-more:hover{color:#93c5fd}.widget-categories{border-color:rgba(168,85,247,0.5)}.widget-categories .widget-title{border-bottom-color:rgba(168,85,247,0.5);color:#c084fc}.widget-tags{display:flex;flex-wrap:wrap;gap:0.6rem}.widget-tag{padding:0.5rem 1rem;background:rgba(139,92,246,0.2);border:1px solid rgba(139,92,246,0.4);border-radius:25px;font-size:0.85rem;font-weight:500;color:#fff;text-decoration:none;transition:transform 0.2s ease,opacity 0.2s ease}.widget-tag:hover{transform:translateY(-2px);opacity:0.85}.homepage-seo-section{margin:2rem 0 0;width:100%}.seo-content [style*="text-align:center"]{text-align:center !important}.seo-content .ql-align-right,.seo-content [style*="text-align:right"]{text-align:right !important}.seo-content .ql-align-justify,.seo-content [style*="text-align:justify"]{text-align:justify !important}.seo-content p{margin:0 0 1rem 0;color:rgba(255,255,255,0.85);font-size:1rem}.seo-content h1,.seo-content h2,.seo-content h3,.seo-content h4{color:#fff;margin:1.5rem 0 1rem}.seo-content h1:first-child,.seo-content h2:first-child,.seo-content h3:first-child{margin-top:0}.seo-content h2{font-size:1.5rem}.seo-content h3{font-size:1.25rem}.seo-content ul,.seo-content ol{margin:1rem 0;padding-left:1.5rem}.seo-content a{color:var(--primary-light);text-decoration:underline}.seo-content a:hover{color:#fff}.seo-content p + p{margin-top:0.5rem}.seo-content strong{color:#a78bfa}@media (max-width:1024px){.homepage-layout{grid-template-columns:1fr}.homepage-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){.homepage-sidebar{grid-template-columns:1fr}.homepage-seo-section .editorial-content{padding:1.25rem 1.5rem}.homepage-seo-section .editorial-content h2{font-size:1rem}.homepage-seo-section .editorial-content p{font-size:0.9rem}}.featured-showcase{margin:0 0 1.5rem;padding:0.95rem 1rem;border:1px solid rgba(251,191,36,0.28);border-radius:16px;background:linear-gradient(165deg,rgba(51,39,17,0.5) 0%,rgba(26,26,46,0.72) 100%);box-shadow:0 8px 28px rgba(0,0,0,0.32)}.featured-showcase-header h2{margin:0;font-size:1.2rem;color:#fde68a}.featured-showcase-grid{margin-top:1rem;display:flex;flex-direction:column;gap:0.7rem}.featured-spotlight-card{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) auto;grid-template-areas:"top top top" "banner body actions";align-items:stretch;border:1px solid rgba(251,191,36,0.35);border-radius:12px;overflow:hidden;background:rgba(14,20,44,0.86);transition:border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease}.featured-spotlight-card:hover{border-color:rgba(251,191,36,0.62);box-shadow:0 8px 28px rgba(0,0,0,0.35),0 0 18px rgba(251,191,36,0.12)}.featured-spotlight-link{position:absolute;inset:0;z-index:1;opacity:0}.featured-spotlight-top,.featured-spotlight-body,.featured-spotlight-actions,.featured-spotlight-banner-link{position:relative;z-index:2}.featured-spotlight-top{grid-area:top;display:flex;justify-content:space-between;align-items:center;gap:0.45rem;padding:0.45rem 0.65rem;border-bottom:1px solid rgba(251,191,36,0.18);background:rgba(8,13,34,0.5)}.featured-spotlight-slot{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:0.22rem 0.62rem;border-radius:999px;font-size:0.74rem;font-weight:700;color:#fff7ed;background:linear-gradient(135deg,#fcd34d,#f59e0b)}.featured-spotlight-card--hour .featured-spotlight-slot{background:linear-gradient(135deg,#f59e0b,#f97316)}.featured-spotlight-card--day .featured-spotlight-slot{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#eff6ff}.featured-spotlight-card--week .featured-spotlight-slot{background:linear-gradient(135deg,#22c55e,#16a34a);color:#ecfdf5}.featured-spotlight-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.2rem 0.55rem;border-radius:999px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;color:#fef3c7;border:1px solid rgba(251,191,36,0.45);background:rgba(251,191,36,0.14)}.featured-spotlight-banner-link{grid-area:banner;padding:0.58rem 0.65rem 0.65rem}.featured-spotlight-banner{width:100%;height:76px;object-fit:cover;display:block;border-radius:10px}.featured-spotlight-banner--placeholder{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.55);font-size:0.84rem;background:linear-gradient(135deg,rgba(102,126,234,0.22),rgba(139,92,246,0.2))}.featured-spotlight-body{grid-area:body;padding:0.6rem 0.2rem 0.65rem 0}.featured-spotlight-title-row{display:flex;align-items:baseline;justify-content:flex-start;gap:0.35rem;flex-wrap:wrap}.featured-spotlight-body h3{margin:0;font-size:1rem;min-width:0;line-height:1}.featured-spotlight-body h3 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-decoration:none}.featured-spotlight-body h3 a:hover{color:#fde68a}.featured-spotlight-status{flex-shrink:0}.featured-spotlight-status .status-badge-compact{position:relative;top:auto;right:auto;z-index:0;padding:0.22rem 0.5rem;font-size:0.62rem;gap:0.28rem;transform:translateY(-2px)}.featured-spotlight-status .status-dot{width:7px;height:7px}.featured-spotlight-status .status-label{letter-spacing:0.2px}.featured-spotlight-body p{margin-top:0.35rem;font-size:0.79rem;color:rgba(255,255,255,0.78);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-spotlight-meta{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0.42rem;margin-top:0.5rem}.featured-spotlight-end,.featured-spotlight-votes{display:inline-flex;align-items:center;gap:0.28rem;line-height:1.15;padding:0.2rem 0.52rem;border-radius:999px;font-size:0.73rem;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.13)}.featured-spotlight-votes{color:#fde68a;border-color:rgba(251,191,36,0.35);background:rgba(251,191,36,0.12);font-weight:700}.featured-spotlight-actions{grid-area:actions;position:relative;margin-top:0;min-width:108px;padding:0.56rem 0.65rem 0.65rem 0.7rem;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0.35rem}.featured-spotlight-actions::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:rgba(148,163,184,0.22)}.featured-spotlight-actions .btn{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-width:0;height:34px;padding:0.4rem 0.58rem;border-radius:9px;font-size:0.69rem;font-weight:700;letter-spacing:0.5px}.featured-spotlight-actions .btn::before{display:none}.featured-spotlight-actions .btn .btn-copy-text{white-space:nowrap}.featured-ip-btn{font-family:var(--font-body)}.featured-ip-btn.copied{color:#bbf7d0 !important;border-color:rgba(34,197,94,0.55) !important;background:rgba(34,197,94,0.2) !important}@media (max-width:900px){.featured-spotlight-card{grid-template-columns:146px minmax(0,1fr) auto}.featured-spotlight-banner{height:66px}.featured-spotlight-actions{min-width:96px;padding-left:0.55rem}.featured-spotlight-actions .btn{height:32px;font-size:0.65rem}}@media (max-width:640px){.featured-showcase{padding:0.82rem;border-radius:14px}.featured-spotlight-card{grid-template-columns:1fr;grid-template-areas:"top" "banner" "body" "actions"}.featured-spotlight-banner-link{padding:0.55rem 0.65rem 0}.featured-spotlight-body{padding:0.55rem 0.65rem 0.3rem}.featured-spotlight-actions{min-width:0;padding:0.58rem 0.65rem 0.72rem;flex-direction:row;flex-wrap:wrap;justify-content:stretch;border-top:1px solid rgba(148,163,184,0.18)}.featured-spotlight-actions::before{display:none}.featured-spotlight-actions .btn{flex:1;min-width:0;width:auto;height:36px;font-size:0.67rem}}@media (max-width:420px){.featured-showcase{padding:0.75rem}.featured-spotlight-top{padding:0.4rem 0.5rem}.featured-spotlight-banner-link{padding:0.5rem 0.5rem 0}.featured-spotlight-body{padding:0.5rem 0.5rem 0.2rem}.featured-spotlight-body p{font-size:0.76rem}.featured-spotlight-status .status-badge-compact{padding:0.2rem 0.42rem;font-size:0.58rem}.featured-spotlight-end,.featured-spotlight-votes{font-size:0.68rem}.featured-spotlight-actions{padding:0.5rem 0.5rem 0.6rem}.featured-spotlight-actions .btn{height:34px;font-size:0.64rem}}