.server-ip-page{
  margin:0;
  padding:0 0 72px;
  background:#03101a;
  color:#fff;
}
.server-ip-hero{position:relative;height:640px;overflow:hidden;background:url("../img/axis-server-ip-bg.png?v=1") center 44%/cover no-repeat}
.server-ip-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,5,10,.04) 0%,rgba(0,8,14,.08) 34%,rgba(2,9,15,.30) 58%,rgba(2,9,15,.68) 74%,rgba(3,16,26,.94) 90%,#03101a 100%),radial-gradient(circle at 50% 42%,rgba(0,0,0,0),rgba(0,0,0,.28) 82%)}
.server-ip-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:250px;z-index:1;background:linear-gradient(180deg,rgba(3,16,26,0),rgba(3,16,26,.22) 28%,rgba(3,16,26,.62) 62%,#03101a 100%)}
.server-ip-hero-content{position:relative;z-index:2;height:100%;box-sizing:border-box;padding-top:165px;text-align:center;text-shadow:0 4px 15px #000,0 0 24px rgba(0,0,0,.76)}
.eyebrow{margin:0 0 7px;color:#65d8ff;font-size:13px;font-weight:900;letter-spacing:4px}
.server-ip-hero-content h1{margin:0;font-size:clamp(42px,4vw,64px);line-height:.95;font-weight:950;letter-spacing:4px}
.server-ip-hero-content>p:not(.eyebrow){margin:16px 0 5px;font-size:18px;font-weight:900}
.server-ip-hero-content strong{color:#34baff;font-size:15px;letter-spacing:1.4px}
.server-ip-wrap{position:relative;z-index:5;width:min(1400px,calc(100% - 40px));margin:-315px auto 0}
.server-list-panel{padding:26px 28px 28px;background:linear-gradient(180deg,rgba(4,17,28,.985),rgba(2,10,18,.995));border:1px solid rgba(35,180,255,.58);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:0 28px 46px rgba(0,0,0,.48)}
.server-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 6px 20px}
.mini-label{margin:0 0 3px;color:#648da6;font-size:10px;font-weight:900;letter-spacing:2px}
.server-list-heading h2{margin:0;color:#3bc3ff;font-size:28px}
.cluster-summary{display:flex;gap:18px;color:#b8cbd7;font-size:13px}
.system-online{color:#59e562}
.server-table-wrap{overflow:auto;border:1px solid rgba(35,180,255,.16)}
.server-table{width:100%;min-width:980px;border-collapse:collapse;color:#cad7df;font-size:13px}
.server-table thead{background:linear-gradient(180deg,rgba(7,62,95,.78),rgba(5,42,66,.72))}
.server-table th{padding:14px 13px;text-align:left;color:#44c5ff;font-size:11px}
.server-table td{height:58px;padding:7px 13px;border-bottom:1px solid rgba(69,120,149,.18)}
.server-table tbody tr:nth-child(even){background:rgba(7,31,48,.47)}
.map-cell{display:flex;align-items:center;gap:13px;min-width:210px}
.map-cell img{width:62px;height:44px;object-fit:cover;border:1px solid rgba(56,187,246,.30)}
.map-cell span{color:#eef5f8;font-weight:850}
.online{color:#59e562;font-weight:900}
.steam-add{min-width:148px;padding:9px 12px;border:1px solid #198ed1;background:linear-gradient(180deg,#0b6da6,#06496f);color:#fff;font-size:10px;font-weight:950;cursor:pointer}
.server-help-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid rgba(35,180,255,.30);background:rgba(5,28,44,.62)}
.help-card{padding:18px 22px}
.help-card h3{margin:0 0 7px;color:#39bfff;font-size:15px}
.help-card p{margin:0;color:#aebfca;font-size:12px;line-height:1.5}
.server-footer-line{margin:24px 0 2px;text-align:center;font-size:18px;letter-spacing:1.5px}
.server-footer-line span{color:#33baff;font-weight:950}
.steam-toast{position:fixed;left:50%;bottom:28px;z-index:9999;transform:translate(-50%,25px);opacity:0;padding:12px 18px;border:1px solid rgba(47,184,245,.62);background:rgba(2,17,27,.96);color:#dff5ff;transition:.2s}
.steam-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.server-ip-hero{height:500px}.server-ip-hero-content{padding:125px 14px 0}.server-ip-wrap{width:calc(100% - 20px);margin-top:-225px}.server-list-heading{align-items:flex-start;flex-direction:column}.server-help-row{grid-template-columns:1fr}}