.servers-section{padding:50px;margin:0;width:100%;box-sizing:border-box}.servers-title{font-size:50px;text-align:center;margin-bottom:10px;background:linear-gradient(90deg,#fff 0,#d3d3d3 25%,#181818 50%,#c7c7c7 75%,#292929 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:5s linear infinite rgbAnimation}.servers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:0;width:100%;justify-items:center}.server-card{background:0 0;border-radius:15px;margin:0;padding:20px;width:400px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.308);transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(50px);display:flex;flex-direction:column;align-items:center;animation:2s ease-in-out infinite glowBorder}.server-card:hover{transform:translateY(-10px)}.server-card.animate{opacity:1;transform:translateY(0);transition:opacity 1s ease-out,transform 1s ease-out}.server-banner{position:relative;width:100%;margin-bottom:15px;display:flex;justify-content:center;align-items:center}.banner-image{width:100%;height:120px;object-fit:cover;border-radius:15px;display:block;margin:0 auto;transition:filter .3s}.server-icon{width:100px;height:100px;border-radius:50%;object-fit:cover;position:absolute;top:100px;left:50%;transform:translateX(-50%);margin-top:-30px;z-index:1;border:none}.server-info{margin-top:40px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.server-info h3{font-size:24px;margin:10px 0 5px;color:#fff}.server-info p{font-size:16px;color:#b9b9b9;margin-bottom:10px;margin-top:0}.server-subtitle{font-size:14px;color:#a0a0a0;margin-bottom:10px;max-width:90%}.join-btn{display:inline-block;margin:20px auto;padding:8px 16px;font-size:14px;background:linear-gradient(45deg,#5865f2,#7289da);color:#fff;border:none;border-radius:25px;cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 2px 10px rgba(88,101,242,.5),0 0 15px rgba(88,101,242,.3);position:relative;overflow:hidden;transition:background .3s,transform .3s,box-shadow .3s}.join-btn i,.member-dot{margin-right:8px}.join-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:0}.join-btn:hover{background:linear-gradient(45deg,#4752c4,#5d73c0);transform:translateY(-2px);box-shadow:0 4px 15px rgba(88,101,242,.7),0 0 20px rgba(88,101,242,.4);animation:1.5s ease-in-out infinite pulse}.join-btn:hover::after{width:200px;height:200px}@keyframes pulse{0%,100%{box-shadow:0 4px 15px rgba(88,101,242,.7),0 0 20px rgba(88,101,242,.4)}50%{box-shadow:0 6px 20px rgba(88,101,242,.9),0 0 30px rgba(88,101,242,.6)}}.server-subtitle.single-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0;font-size:14px;line-height:1}.member-dot{display:inline-block;width:8px;height:8px;background-color:#0f0;border-radius:50%;vertical-align:middle;box-shadow:0 0 5px #0f0,0 0 10px #0f0;animation:1.5s ease-in-out infinite glow}@keyframes glow{0%,100%{box-shadow:0 0 5px #0f0,0 0 10px #0f0}50%{box-shadow:0 0 10px #0f0,0 0 20px #0f0}}@media (max-width:1024px){.servers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.servers-grid{grid-template-columns:1fr}.server-card{width:250px}.servers-title{font-size:40px}.banner-image{height:80px}.server-icon{width:80px;height:80px;top:40px}}@keyframes rgbAnimation{0%,100%{background-position:0 0}50%{background-position:100% 100%}}