*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}body{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#e0e0e0;min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:center;}.container{max-width:800px;width:100%;}header{text-align:center;margin-bottom:30px;padding:20px;background:rgba(0,0,0,0.3);border-radius:10px;border:1px solid #3a3a3a;}h1{color:#55ff55;font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 10px rgba(85,255,85,0.5);}.subtitle{color:#aaaaaa;font-size:1.2rem;}.divider{height:2px;background:linear-gradient(to right,transparent,#55ff55,transparent);margin:20px 0;}.server-card{background:rgba(30,30,30,0.8);border-radius:10px;padding:25px;border:1px solid #3a3a3a;box-shadow:0 10px 30px rgba(0,0,0,0.3);transition:transform 0.3s,box-shadow 0.3s;}.server-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.4);border-color:#55ff55;}.server-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #3a3a3a;}.server-logo{width:80px;height:80px;border-radius:8px;margin-right:20px;background:#2a2a2a;display:flex;align-items:center;justify-content:center;font-size:32px;color:#55ff55;overflow:hidden;}.server-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px;}.server-info{flex:1;}.server-name{font-size:1.8rem;color:#ffffff;margin-bottom:5px;}.server-ip{color:#aaaaaa;font-size:1rem;}.server-status{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;}.status-item{text-align:center;padding:15px;background:rgba(40,40,40,0.5);border-radius:8px;}.status-label{font-size:0.9rem;color:#888;margin-bottom:8px;}.status-value{font-size:1.4rem;font-weight:bold;}.online{color:#55ff55;}.offline{color:#ff5555;}.server-motd{background:rgba(40,40,40,0.5);border-radius:8px;padding:15px;margin-bottom:20px;font-size:1rem;line-height:1.5;}.server-details{display:flex;justify-content:space-between;font-size:0.9rem;color:#888;}.detail-item{padding:10px;background:rgba(40,40,40,0.3);border-radius:5px;flex:1;margin:0 5px;text-align:center;}footer{text-align:center;margin-top:30px;padding:20px;color:#888;font-size:0.9rem;}.loading{display:flex;align-items:center;justify-content:center;height:200px;}.spinner{width:50px;height:50px;border:4px solid rgba(85,255,85,0.3);border-left:4px solid #55ff55;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:768px){.server-status{grid-template-columns:1fr;}.server-details{flex-direction:column;}.detail-item{margin:5px 0;}h1{font-size:2rem;}.server-header{flex-direction:column;text-align:center;}.server-logo{margin-right:0;margin-bottom:15px;}}