.server-directory{gap:26px;display:grid}.directory-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.directory-head h2{font-family:var(--font-display);letter-spacing:-.035em;margin:8px 0 6px;font-size:clamp(28px,3.6vw,44px)}.directory-head p{max-width:560px;color:var(--muted);margin:0}.directory-filters{box-shadow:0 0 0 1px var(--line) inset;background:#ffffff0a;border-radius:999px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.directory-filters button{color:var(--muted);font:550 13.5px var(--font-sans);cursor:pointer;transition:color .25s, background .35s var(--ease);background:0 0;border:0;border-radius:999px;padding:8px 15px}.directory-filters button:hover{color:var(--text)}.directory-filters button.active{color:#0b0c2a;background:#fff}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.directory-empty{border-radius:var(--radius);background:var(--panel);color:var(--muted);text-align:center;padding:36px}.server-card{border-radius:var(--radius);background:var(--panel);box-shadow:0 0 0 1px var(--line) inset;transition:transform .6s var(--ease), box-shadow .5s var(--ease);gap:18px;padding:22px;display:grid;position:relative;overflow:hidden}.server-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2f43ff2e,#0000 70%);border-radius:50%;width:260px;height:260px;transition:opacity .5s;position:absolute;inset:auto -20% -60% auto}.server-card:hover{box-shadow:0 0 0 1px var(--line-strong) inset, 0 40px 90px -40px #2f43ffb3;transform:translateY(-4px)}.server-card.offline,.server-card.maintenance{opacity:.72}.server-card-top{align-items:center;gap:14px;display:flex}.server-card-top>div{flex:1;min-width:0;display:grid}.server-card-top strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;font-size:18px;overflow:hidden}.server-card-top small{color:var(--muted);font-size:13px}.server-flag{width:48px;height:48px;box-shadow:0 0 0 1px var(--line) inset;background:#ffffff0f;border-radius:16px;flex:none;place-items:center;font-size:26px;display:grid}.server-state{color:var(--muted);background:#ffffff0f;border-radius:999px;flex:none;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:650;display:inline-flex}.server-state i{background:currentColor;border-radius:50%;width:8px;height:8px;position:relative}.server-state.online{color:var(--success);background:#62e3aa1f}.server-state.online i:after{content:"";animation:server-ping 2.2s var(--ease) infinite;border:1.5px solid;border-radius:50%;position:absolute;inset:-5px}.server-state.degraded,.server-state.maintenance{color:var(--warning);background:#ffc46b1f}.server-state.offline{color:var(--danger);background:#ff6d8a1f}.server-state.large{margin-top:18px;padding:8px 16px;font-size:14px}@keyframes server-ping{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.server-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.server-metrics>div{background:#ffffff09;border-radius:14px;gap:3px;padding:11px 12px;display:grid}.server-metrics span{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:650}.server-metrics b{font-variant-numeric:tabular-nums;font-size:14.5px}.load-bar{background:#ffffff14;border-radius:3px;height:5px;margin-top:4px;display:block;position:relative;overflow:hidden}.load-bar em{background:var(--success);width:8%;transition:width 1s var(--ease);border-radius:3px;position:absolute;inset:0 auto 0 0}.load-bar.medium em{background:var(--warning)}.load-bar.high em{background:var(--danger)}.load-bar em[data-level="1"]{width:10%}.load-bar em[data-level="2"]{width:20%}.load-bar em[data-level="3"]{width:30%}.load-bar em[data-level="4"]{width:40%}.load-bar em[data-level="5"]{width:50%}.load-bar em[data-level="6"]{width:60%}.load-bar em[data-level="7"]{width:70%}.load-bar em[data-level="8"]{width:80%}.load-bar em[data-level="9"]{width:90%}.load-bar em[data-level="10"]{width:100%}.server-tags{flex-wrap:wrap;gap:6px;display:flex}.server-tags .tag{color:var(--muted);background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.server-tags .tag.ok{color:var(--success);background:#62e3aa1a}.server-card-more{color:var(--lilac);opacity:.8;transition:opacity .3s, transform .4s var(--ease);font-size:13px;font-weight:600}.server-card:hover .server-card-more{opacity:1;transform:translate(3px)}.server-hero{padding:150px var(--gutter) 40px;text-align:center;justify-items:center;gap:6px;display:grid;position:relative}.server-hero:before{content:"";z-index:-1;background:radial-gradient(45% 50% at 50% 30%,#2f43ff47,#0000 70%);position:absolute;inset:0}.back-link{color:var(--muted);justify-self:center;margin-bottom:18px;font-size:14px}.back-link:hover{color:var(--text)}.server-hero-flag{filter:drop-shadow(0 12px 30px #2f43ff80);font-size:64px;line-height:1;animation:5s ease-in-out infinite server-float}@keyframes server-float{50%{transform:translateY(-6px)}}.server-hero h1{font-family:var(--font-display);letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(40px,6vw,76px);font-weight:600}.server-hero-place{color:var(--muted);margin:0;font-size:18px}.server-hero-summary{max-width:620px;color:var(--ice);margin:10px 0 0}.server-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.server-stats article{border-radius:var(--radius);background:var(--panel);box-shadow:0 0 0 1px var(--line) inset;gap:6px;padding:22px;display:grid}.server-stats span{color:var(--dim);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:650}.server-stats strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.server-stats small{color:var(--muted);font-size:12.5px}.server-section{margin-top:40px}.server-section h2{letter-spacing:-.02em;margin:0 0 6px;font-size:26px}.server-section>p{color:var(--muted);margin:0 0 18px}.service-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.service-tile{background:var(--panel);box-shadow:0 0 0 1px var(--line) inset;border-radius:20px;gap:4px;padding:18px;display:grid}.service-tile b{border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.service-tile.ok b{color:var(--success);background:#62e3aa29}.service-tile.no b{color:var(--danger);background:#ff6d8a24}.service-tile span{font-weight:650}.service-tile small{color:var(--muted);font-size:12.5px}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:14px;display:grid}.tech-grid article{background:linear-gradient(145deg, #2f43ff24, #6f4dff14), var(--panel);box-shadow:0 0 0 1px var(--line) inset;border-radius:20px;padding:20px}.tech-grid strong{font-size:16px}.tech-grid p{color:var(--muted);margin:6px 0 0;font-size:14px}.server-cta{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--line-strong) inset;background:linear-gradient(120deg,#2f43ff4d,#6f4dff38 50%,#ef7bff24);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding:30px 34px;display:flex}.server-cta h2{margin:0 0 4px;font-size:26px}.server-cta p{color:var(--muted);margin:0}@media (max-width:860px){.server-stats{grid-template-columns:1fr 1fr}.server-hero{padding-top:120px}}@media (prefers-reduced-motion:reduce){.server-hero-flag,.server-state.online i:after{animation:none}}