.server-showcases{padding:60px 0 90px}.showcase-heading>span{font-size:11px;letter-spacing:3px;color:#a78bfa;font-weight:800}.showcase-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1px;max-width:850px;margin:22px 0}.showcase-heading p{max-width:740px;font-size:17px;line-height:1.8;color:#9caac2}.showcase-index{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.showcase-index a{padding:10px 16px;background:#a78bfa0a;border:1px solid #a78bfa30;border-radius:8px;color:#c4b5fd;font-size:13px}.server-showcase{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #a78bfa22;border-radius:20px;overflow:hidden;margin-top:35px;background:linear-gradient(120deg,#151329,#0c1720);scroll-margin-top:110px}.showcase-media{padding:25px;display:flex;align-items:center;background:#090d1780;min-width:0}.showcase-media img,.showcase-media video{width:100%;border-radius:12px;display:block}.showcase-video{position:relative;display:block;width:100%}.showcase-video>span{position:absolute;bottom:20px;left:20px;background:#7c3aed;padding:12px 18px;border-radius:8px;color:white;font-size:13px;box-shadow:0 10px 30px #0008}.showcase-copy{padding:36px}.showcase-meta{display:flex;align-items:center;gap:15px;color:#67e8f9;font-size:12px}.showcase-meta small{color:#9caac2}.showcase-copy h2{font-size:28px;line-height:1.3;margin:20px 0}.showcase-copy>p{font-size:15px;color:#9caac2;line-height:1.9}.showcase-copy h3{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#c4b5fd;margin-top:25px}.showcase-copy ul{list-style:none;padding:0;display:grid;gap:12px;font-size:14px;color:#cad5e6}.showcase-copy li{display:flex;gap:12px}.showcase-copy li>span{color:#34d399}.showcase-action{display:inline-block;margin-top:22px;padding:12px 18px;border:1px solid #a78bfa40;border-radius:8px;color:#c4b5fd;font-size:13px}.showcase-placeholder{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse,#7c3aed25,transparent 70%)}.showcase-placeholder>span{font-size:60px;color:#a78bfa}.showcase-placeholder strong{font-size:25px}.showcase-placeholder small{letter-spacing:3px;color:#607693;font-size:10px}.showcase-empty{text-align:center;margin-top:45px;padding:70px 20px;border:1px dashed #a78bfa40;border-radius:18px;background:#a78bfa05}.showcase-empty>span{font-size:45px;color:#a78bfa}.showcase-empty h2{font-size:24px}.showcase-empty p{color:#9caac2;font-size:15px}@media(max-width:800px){.server-showcase{grid-template-columns:1fr}.showcase-copy{padding:25px}.showcase-media{padding:18px}.showcase-copy h2{font-size:24px}}
.server-showcases{position:relative}.showcase-heading{padding:10px 0 15px}.showcase-heading h1{max-width:850px;font-size:clamp(32px,4.5vw,56px)}.showcase-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #ffffff12;border-radius:13px;overflow:hidden;background:#111421;margin:35px 0 20px}.showcase-index a{border:0;border-right:1px solid #ffffff0c;border-radius:0;background:none;padding:20px;display:grid;grid-template-columns:32px 1fr 22px;gap:5px 10px;align-items:center;position:relative}.showcase-index a:last-child{border:0}.showcase-index strong{font-size:16px;color:#aeb8cd}.showcase-index small{grid-column:2;font-size:10px;color:#5f7392}.showcase-server-number{grid-row:span 2;font-size:11px;color:#657c9e}.showcase-select-arrow{grid-column:3;grid-row:1 / 3;color:#62799b}.showcase-index a[aria-current]{background:linear-gradient(110deg,#7c3aed20,#06b6d40a)}.showcase-index a[aria-current]:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#a78bfa,#22d3ee)}.showcase-index a[aria-current] strong{color:white}.server-showcase{position:relative;grid-template-columns:1.15fr 1fr;border-radius:16px;margin-top:0;box-shadow:0 20px 80px #0004;animation:showcase-in .35s ease-out}.server-showcase[hidden]{display:none}.showcase-stage-label{position:absolute;left:28px;top:24px;z-index:1;font-size:9px;letter-spacing:2px;color:#b5c6e2}.showcase-media{padding:65px 28px 35px;background:radial-gradient(ellipse at 30% 40%,#7c3aed22,transparent 70%),#080d18;min-height:450px;position:relative}.showcase-video{border:1px solid #8b5cf640;border-radius:14px;overflow:hidden;box-shadow:0 15px 50px #0008;transition:transform .25s}.showcase-video:hover{transform:translateY(-5px)}.showcase-video img{border-radius:0;aspect-ratio:16/10;object-fit:cover;opacity:.85;transition:opacity .2s}.showcase-video:hover img{opacity:1}.showcase-video>span{left:50%;bottom:24px;transform:translateX(-50%);white-space:nowrap;background:#ffffffee;color:#172033;border:1px solid #ffffff80;border-radius:30px;font-size:12px;padding:13px 23px}.showcase-copy{padding:45px 34px;background:linear-gradient(130deg,#13192c,#0c1520)}.showcase-copy h2{font-size:30px;margin:22px 0;letter-spacing:-.6px}.showcase-meta>span{border:1px solid #22d3ee30;background:#22d3ee08;padding:6px 9px;border-radius:5px;font-size:10px}.showcase-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:20px 0}.showcase-copy li{font-size:12px;line-height:1.6;border:1px solid #ffffff08;border-radius:7px;padding:12px;background:#ffffff02}.showcase-actions{display:flex;gap:20px;align-items:center;margin-top:28px}.showcase-action{margin:0;background:linear-gradient(110deg,#7c3aed,#2563eb);border:0;color:white;font-weight:700;padding:14px 20px}.showcase-support{font-size:12px;color:#93a4bd}.showcase-stage-navigation{display:flex;justify-content:center;gap:22px;align-items:center;margin-top:22px}.showcase-stage-navigation[hidden]{display:none}.showcase-stage-navigation button{width:42px;height:42px;border:1px solid #ffffff15;background:#141a28;color:#c4b5fd;border-radius:50%;cursor:pointer;font-size:18px}.showcase-stage-navigation button:hover{border-color:#a78bfa;background:#7c3aed15}.showcase-stage-navigation>span{font-size:11px;color:#788fad;min-width:180px;text-align:center}.showcase-index a:focus-visible,.showcase-stage-navigation button:focus-visible{outline:2px solid #22d3ee;outline-offset:-3px}@keyframes showcase-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.server-showcase{animation:none}.showcase-video{transition:none}}@media(max-width:800px){.server-showcase{grid-template-columns:1fr}.showcase-media{min-height:0;padding:60px 20px 25px}.showcase-index{grid-template-columns:1fr}.showcase-index a{padding:15px 20px;border-right:0;border-bottom:1px solid #ffffff0c}.showcase-copy{padding:25px}.showcase-copy h2{font-size:26px}.showcase-copy ul{grid-template-columns:1fr 1fr}}@media(max-width:420px){.showcase-copy ul{grid-template-columns:1fr}.showcase-actions{gap:12px}.showcase-action{font-size:12px}}

.server-showcase{margin-top:28px;animation:none}.showcase-list-tools{display:flex;align-items:center;gap:18px;padding:18px 22px;margin:30px 0 35px;background:#121725;border:1px solid #ffffff12;border-radius:12px}.showcase-list-tools label{color:#aab8ce;font-size:12px;white-space:nowrap}.showcase-list-tools input{flex:1;min-width:0;background:#090e19;border:1px solid #ffffff14;border-radius:8px;padding:13px 16px;font:inherit;font-size:13px;color:white}.showcase-list-tools input:focus{outline:2px solid #a78bfa;outline-offset:2px}.showcase-list-tools>span{font-size:11px;color:#7790b1;white-space:nowrap}.showcase-heading h1{font-size:clamp(30px,4vw,48px)}@media(max-width:650px){.showcase-list-tools{flex-wrap:wrap;gap:12px}.showcase-list-tools input{flex-basis:100%;order:3}.showcase-list-tools>span{margin-left:auto}}

.showcase-server-identity{display:inline-flex!important;align-items:center;gap:12px}.showcase-server-logo{object-fit:contain;flex-shrink:0;border-radius:10px;border:1px solid #ffffff20;background:#0e1420;padding:3px}

button.showcase-video{width:100%;padding:0;border:0;background:#070c14;color:white;font:inherit;cursor:pointer;text-align:left}.showcase-video-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000}

.showcase-video>span.rgb-play{inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:0;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff367d,#8357ff,#00ddea);box-shadow:0 0 45px #9654ff70;border:2px solid #ffffff75}.rgb-play svg{width:32px;height:32px;fill:#fff;filter:drop-shadow(0 2px 3px #0004)}.video-playback-error{padding:28px;display:grid;gap:15px;place-content:center;min-height:180px;background:#10121e;color:#d3dbea;text-align:center;font-size:14px}.video-playback-error button{padding:10px;border:1px solid #9c8cff;background:#7b65ce33;color:white;border-radius:8px;cursor:pointer}