.server-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:40px;align-items:center}.server-card{overflow:hidden;border:1px solid #ffffff1b;border-radius:14px;background:linear-gradient(145deg,#202026,#17171c);box-shadow:0 18px 50px #0002}.server-cover{height:205px;background-size:cover;background-position:center;position:relative;isolation:isolate}.server-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#202026 0%,#15161a10 100%);z-index:-1}.server-brand{position:absolute;left:27px;right:20px;bottom:20px;display:flex;gap:15px;align-items:center}.server-brand img{width:74px;height:60px;object-fit:contain}.server-brand span{font-size:9px;letter-spacing:2px;color:#cebdc7}.server-brand h3{font-size:25px;margin-top:3px}.server-body{padding:10px 27px 28px}.server-body>p{color:#b1a2b3;font-size:14px;line-height:1.8;margin-bottom:22px}.server-live{display:flex;gap:16px;justify-content:space-between;align-items:center;border:1px solid #ffffff16;border-radius:9px;padding:17px;background:#11111655}.server-live strong{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:400;color:#c6a2ae}.server-live .dot{box-shadow:none}.dot.online{background:#88c769}.dot.offline{background:#dd6d80}.dot.unknown{background:#a39ca6}.server-live-name{font-weight:700;color:#f0e6ed;font-size:13px}.server-live small{color:#918396;display:block;font-size:10px;margin-top:6px}.server-count strong{font-size:22px;font-weight:700;color:#f6e8f0;white-space:nowrap;letter-spacing:-1px}.server-count strong span{color:#8b7e91}.server-count small{text-align:center;font-size:8px;letter-spacing:1px;margin:0}.server-live .button{padding:11px 15px;font-size:12px;gap:10px}.server-actions{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:20px}.server-actions .button{font-size:12px;padding:11px 16px;gap:10px}.server-more{font-size:12px;color:#d5bccb}.resource-head .eyebrow{margin-bottom:18px}.resource-head h2{font-size:34px}.resource-head>p{color:#a593a9;font-size:14px;margin:17px 0 27px;max-width:400px}.resource-link{display:flex;align-items:center;gap:18px;padding:21px 0;border-top:1px solid #ffffff12}.resource-link strong{font-size:14px;font-weight:700;color:#e9dce6;display:block}.resource-link small{font-size:12px;color:#98879d;display:block;margin-top:4px}.resource-link .icon-box{margin:0;flex-shrink:0}.resource-arrow{margin-left:auto;color:#cf7d93}.resource-link:hover strong{color:#ee95a9}.resource-link:hover .resource-arrow{transform:translate(2px,-2px)}.server-join{margin:20px 0 30px}.server-layout .section{padding:0}@media(max-width:1050px){.server-layout{gap:28px}.server-actions{gap:13px}.server-actions .button{padding:10px;font-size:11px}.server-more{font-size:11px}.server-live{gap:12px;padding:14px}.server-live-name{display:none!important}}@media(max-width:760px){.server-layout{grid-template-columns:1fr;gap:35px}.server-body{padding:10px 20px 23px}.server-cover{height:190px}.server-brand{left:20px}.server-brand h3{font-size:23px}.server-live .button{padding:11px 12px}.server-live .button svg{display:none}.server-actions{flex-wrap:wrap}.server-actions .button{padding:11px 15px;font-size:12px}.server-live-name{display:block!important}.server-count strong{font-size:19px}.resource-head h2{font-size:30px}}