:root{
    --hp2-bg:#08070d;
    --hp2-bg-2:#0d0b14;
    --hp2-panel:#121019;
    --hp2-panel-2:#17131f;
    --hp2-panel-3:#1d1727;
    --hp2-line:rgba(203,88,255,.16);
    --hp2-line-strong:rgba(220,104,255,.28);
    --hp2-text:#ffffff;
    --hp2-muted:#9c95a7;
    --hp2-muted-2:#6f687b;
    --hp2-accent:#b845ff;
    --hp2-accent-2:#7b5cff;
    --hp2-pink:#ef5dff;
    --hp2-green:#54e6b0;
    --hp2-danger:#ff6a88;
    --hp2-radius:18px;
    --hp2-shadow:0 24px 70px rgba(0,0,0,.32);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--hp2-bg)}
body{
    min-height:100vh;
    margin:0;
    display:flex;
    flex-direction:column;
    overflow-x:hidden;
    color:var(--hp2-text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle at 10% -10%,rgba(185,69,255,.09),transparent 32rem),
        radial-gradient(circle at 88% 12%,rgba(91,70,210,.055),transparent 34rem),
        #08070d;
}
#app{flex:1 0 auto}
a{text-decoration:none;color:inherit}
a:hover{color:inherit}
h1,h2,h3,h4,h5,h6{font-weight:900;letter-spacing:-.035em;color:#fff}
::selection{background:rgba(190,70,255,.32);color:#fff}

/* NAV */
.hp2-hero-header{position:relative;z-index:30}
.hp2-inner-header{position:sticky;top:0;z-index:50;background:rgba(8,7,13,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}
.hp2-navbar{padding:0;background:transparent}
.hp2-nav-inner{min-height:78px;display:flex;align-items:center;gap:28px}
.hp2-brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;color:#fff!important}
.hp2-brand-logo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(190,70,255,.24))}
.hp2-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(214,96,255,.28);background:linear-gradient(135deg,rgba(194,69,255,.18),rgba(103,72,255,.1));font-weight:950;color:#fff}
.hp2-brand-copy{display:flex;flex-direction:column;line-height:.98;text-transform:uppercase}
.hp2-brand-copy strong{font-size:.91rem;letter-spacing:.08em;color:#f8effd}
.hp2-brand-copy small{margin-top:4px;color:#ad68cd;font-size:.59rem;font-weight:900;letter-spacing:.16em}
.hp2-nav-links{gap:3px;margin-left:10px}
.hp2-nav-links .nav-link{position:relative;padding:27px 14px!important;color:rgba(255,255,255,.62)!important;font-size:.82rem;font-weight:800;transition:.18s ease}
.hp2-nav-links .nav-link:hover,.hp2-nav-links .active>.nav-link{color:#fff!important}
.hp2-nav-links .active>.nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:17px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--hp2-pink),var(--hp2-accent-2));box-shadow:0 0 16px rgba(219,91,255,.45)}
.hp2-nav-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.hp2-notifications{display:flex;flex-direction:row;align-items:center;padding:0;margin:0}
.hp2-notifications .nav-link,.hp2-icon-button{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;border:1px solid rgba(218,101,255,.18);border-radius:12px;background:rgba(255,255,255,.025);color:#bbb3c5!important;transition:.18s ease}
.hp2-notifications .nav-link:hover,.hp2-icon-button:hover{border-color:rgba(227,116,255,.35);background:rgba(188,65,245,.08);color:#fff!important}
.hp2-account,.hp2-login{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(218,101,255,.18);border-radius:12px;background:rgba(255,255,255,.025);color:#d2cbd9!important;font-size:.78rem;font-weight:800;transition:.18s ease}
.hp2-account:hover,.hp2-login:hover{border-color:rgba(227,116,255,.35);background:rgba(188,65,245,.08);color:#fff!important}
.hp2-primary-button,.hp2-secondary-button,.hp2-discord-button{
    min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 20px;border-radius:13px;font-size:.86rem;font-weight:850;transition:.2s ease;cursor:pointer
}
.hp2-primary-button{color:#fff!important;border:1px solid rgba(236,121,255,.34);background:linear-gradient(135deg,var(--hp2-accent) 0%,#9650ef 55%,#7651de 100%);box-shadow:0 14px 32px rgba(166,53,238,.2),inset 0 1px rgba(255,255,255,.15)}
.hp2-primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(177,62,244,.28)}
.hp2-secondary-button{color:#d8d1df!important;border:1px solid rgba(220,110,255,.18);background:rgba(255,255,255,.03)}
.hp2-secondary-button:hover{transform:translateY(-2px);border-color:rgba(226,115,255,.32);background:rgba(190,67,244,.075);color:#fff!important}
.hp2-nav-cta{min-height:40px;padding:0 16px;border-radius:12px;font-size:.78rem}
.hp2-menu-toggle{border:1px solid rgba(216,100,255,.2)!important;border-radius:12px;color:#fff!important;box-shadow:none!important}
.hp2-menu-toggle i{font-size:1.5rem}
.hp2-dropdown{min-width:220px;padding:8px;border:1px solid rgba(218,100,255,.16);border-radius:14px;background:rgba(15,12,22,.98);box-shadow:0 20px 55px rgba(0,0,0,.45)}
.hp2-dropdown .dropdown-item{padding:.72rem .78rem;border-radius:9px;color:#b9b2c2;font-size:.82rem;font-weight:700}
.hp2-dropdown .dropdown-item:hover,.hp2-dropdown .dropdown-item.active{background:rgba(190,62,255,.11);color:#fff}
.hp2-dropdown .dropdown-divider{border-color:rgba(255,255,255,.07)}

/* HERO */
.hp2-hero{
    --hp2-hero-image:url('../images/hero-bg.svg');
    position:relative;min-height:100vh;overflow:hidden;background:#090811
}
.hp2-hero:before{content:"";position:absolute;inset:0;background-image:var(--hp2-hero-image);background-size:cover;background-position:center;filter:saturate(.88) contrast(1.02);transform:scale(1.02)}
.hp2-hero-overlay{position:absolute;inset:0;background:
    radial-gradient(circle at 75% 40%,rgba(110,51,179,.06),transparent 24rem),
    linear-gradient(90deg,rgba(8,7,13,.96) 0%,rgba(8,7,13,.82) 42%,rgba(8,7,13,.6) 67%,rgba(8,7,13,.88) 100%),
    linear-gradient(180deg,rgba(8,7,13,.22),rgba(8,7,13,.72) 68%,#08070d 100%)}
.hp2-hero-content{position:relative;z-index:3;min-height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;padding-top:60px;padding-bottom:115px}
.hp2-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#e56cff;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.hp2-eyebrow:before{content:"";width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,#ef5dff,#8459ff);box-shadow:0 0 14px rgba(230,92,255,.38)}
.hp2-hero-title{max-width:760px;margin:13px 0 18px;font-size:clamp(3rem,6.3vw,6.5rem);line-height:.88;letter-spacing:-.065em;text-shadow:0 14px 40px rgba(0,0,0,.24)}
.hp2-hero-title span{display:block;margin-top:7px;color:#c36cf4}
.hp2-hero-description{max-width:680px;margin:0;color:#b0a9ba;font-size:1.03rem;line-height:1.7}
.hp2-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}
.hp2-hero-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:43px}
.hp2-hero-meta>div{display:grid;grid-template-columns:12px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;min-width:140px}
.hp2-hero-meta i,.hp2-dot{grid-row:1/3;color:#d87bf8}
.hp2-hero-meta strong{color:#e7e1eb;font-size:.78rem;line-height:1.15}
.hp2-hero-meta small{margin-top:3px;color:#756f7e;font-size:.68rem}
.hp2-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#73717a}
.hp2-dot-live{background:var(--hp2-green);box-shadow:0 0 14px rgba(80,230,173,.55)}
.hp2-hero-emblem{position:relative;width:min(440px,85%);aspect-ratio:1;display:grid;place-items:center}
.hp2-hero-emblem img{position:relative;z-index:4;width:54%;height:54%;object-fit:contain;filter:drop-shadow(0 24px 55px rgba(180,68,245,.28))}
.hp2-hero-emblem>span{position:relative;z-index:4;font-size:6rem;font-weight:950;color:#fff}
.hp2-emblem-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(193,73,247,.22),rgba(120,77,230,.08) 46%,transparent 72%);filter:blur(14px)}
.hp2-emblem-ring{position:absolute;border:1px solid rgba(221,110,255,.18);border-radius:50%;box-shadow:inset 0 0 40px rgba(168,72,240,.035)}
.hp2-emblem-ring-a{inset:10%;animation:hp2Spin 26s linear infinite}
.hp2-emblem-ring-b{inset:22%;border-style:dashed;border-color:rgba(134,95,242,.22);animation:hp2SpinReverse 18s linear infinite}
.hp2-emblem-ring-a:after,.hp2-emblem-ring-b:after{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:#d95df8;box-shadow:0 0 14px rgba(221,90,255,.55)}
@keyframes hp2Spin{to{transform:rotate(360deg)}}
@keyframes hp2SpinReverse{to{transform:rotate(-360deg)}}
.hp2-scroll-link{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#d8d2df!important;font-size:.84rem;font-weight:850;transition:.18s ease}
.hp2-scroll-link:hover{color:#fff!important;transform:translate(-50%,-3px)}
.hp2-scroll-link i{color:#d95bf8;font-size:1.1rem;animation:hp2Bounce 1.5s ease-in-out infinite}
@keyframes hp2Bounce{50%{transform:translateY(5px)}}

/* MAIN */
.hp2-main{position:relative;padding:86px 0 110px;background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    radial-gradient(circle at 90% 18%,rgba(126,65,204,.06),transparent 30rem),#08070d;background-size:62px 62px,62px 62px,auto,auto}
.hp2-section{margin-bottom:96px}
.hp2-section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:32px}
.hp2-section-head>div{max-width:720px}
.hp2-section-head h2{margin:8px 0 0;font-size:clamp(2rem,3.2vw,3.25rem)}
.hp2-section-head>p{max-width:440px;margin:0;color:#8f8899;font-size:.92rem;line-height:1.65}
.hp2-section-head-tight{align-items:center}
.hp2-section-counter{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(211,91,251,.16);border-radius:999px;background:rgba(255,255,255,.02);color:#8f8799;font-size:.71rem;font-weight:850}
.hp2-feature-card{position:relative;min-height:260px;padding:27px;border:1px solid rgba(209,88,255,.14);border-radius:20px;background:
    radial-gradient(circle at top right,rgba(189,69,246,.08),transparent 15rem),linear-gradient(180deg,rgba(21,17,31,.96),rgba(13,11,20,.98));box-shadow:0 18px 50px rgba(0,0,0,.2);transition:.22s ease;overflow:hidden}
.hp2-feature-card:hover{transform:translateY(-5px);border-color:rgba(222,101,255,.3);box-shadow:0 24px 60px rgba(0,0,0,.26)}
.hp2-feature-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(216,92,255,.18);border-radius:16px;background:rgba(188,67,244,.08);color:#e581ff;font-size:1.3rem}
.hp2-feature-number{position:absolute;top:25px;right:25px;color:rgba(255,255,255,.11);font-size:.76rem;font-weight:950;letter-spacing:.09em}
.hp2-feature-card h3{margin:55px 0 11px;font-size:1.18rem}
.hp2-feature-card p{margin:0;color:#91899b;font-size:.86rem;line-height:1.65}
.hp2-feature-card:after{content:"";position:absolute;left:27px;right:27px;bottom:0;height:2px;background:linear-gradient(90deg,#e25df9,transparent);opacity:.38}

/* SERVERS */
.hp2-server-list{display:grid;gap:13px}
.hp2-server-row{display:grid;grid-template-columns:minmax(230px,1.7fr) minmax(110px,.75fr) minmax(150px,.9fr) 48px;align-items:center;gap:18px;padding:17px 18px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(15,13,21,.86);box-shadow:0 10px 28px rgba(0,0,0,.14);transition:.2s ease}
.hp2-server-row:hover,.hp2-server-row.is-active{border-color:rgba(213,91,255,.22);background:linear-gradient(90deg,rgba(183,66,239,.055),rgba(16,13,23,.92));transform:translateY(-1px)}
.hp2-server-main{display:flex;align-items:center;gap:14px;min-width:0}
.hp2-server-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border:1px solid rgba(215,95,255,.18);border-radius:15px;background:linear-gradient(145deg,rgba(191,70,247,.11),rgba(107,73,227,.045));color:#e2a4f8;font-size:1.25rem}
.hp2-server-icon-lg{width:58px;height:58px;flex-basis:58px;font-size:1.45rem}
.hp2-server-type{display:block;color:#8a8193;font-size:.61rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.hp2-server-main h3,.hp2-server-detail h3{margin:4px 0 1px;font-size:1rem}
.hp2-server-main small,.hp2-server-detail-head small{display:block;color:#625d6a;font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp2-server-state{display:flex;align-items:center;gap:9px}
.hp2-state-dot{width:8px;height:8px;border-radius:50%;background:#605b65}
.hp2-state-dot.online{background:var(--hp2-green);box-shadow:0 0 14px rgba(80,230,173,.5)}
.hp2-server-state small,.hp2-server-slots small,.hp2-detail-grid small{display:block;color:#686270;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.hp2-server-state strong,.hp2-server-slots strong{display:block;margin-top:3px;color:#d7d0dc;font-size:.76rem}
.hp2-slot-line{height:5px;margin:6px 0 3px;overflow:hidden;border-radius:999px;background:#24202d}
.hp2-slot-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e45df9,#8458f0)}
.hp2-square-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(228,107,255,.22);border-radius:13px;background:linear-gradient(135deg,var(--hp2-accent),#7e53e5);color:#fff!important;transition:.18s ease}
.hp2-square-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(163,56,230,.23)}
.hp2-server-detail{position:sticky;top:110px;padding:22px;border:1px solid rgba(213,90,255,.15);border-radius:20px;background:linear-gradient(180deg,rgba(28,23,38,.97),rgba(16,14,22,.98));box-shadow:0 20px 55px rgba(0,0,0,.22)}
.hp2-server-detail-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055)}
.hp2-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.hp2-detail-grid>div{padding:14px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.035)}
.hp2-detail-grid strong{display:block;margin-top:4px;color:#f0ebf4;font-size:.87rem}
.hp2-detail-actions{display:flex;gap:10px;margin-top:18px}
.hp2-detail-actions>*{flex:1;padding-left:12px;padding-right:12px}

/* COMMUNITY */
.hp2-community-banner{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);min-height:350px;overflow:hidden;border:1px solid rgba(211,92,255,.15);border-radius:24px;background:
    radial-gradient(circle at 18% 50%,rgba(185,70,242,.12),transparent 22rem),linear-gradient(135deg,rgba(24,20,34,.98),rgba(12,10,18,.99));box-shadow:var(--hp2-shadow)}
.hp2-community-visual{position:relative;display:grid;place-items:center;min-height:320px;background:
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:38px 38px}
.hp2-community-visual:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(215,92,255,.14);border-radius:50%;box-shadow:0 0 80px rgba(166,59,236,.08)}
.hp2-community-orb{position:relative;z-index:2;width:130px;height:130px;display:grid;place-items:center;border-radius:34px;background:linear-gradient(145deg,#8f4dea,#bb45ef);box-shadow:0 25px 55px rgba(148,57,224,.28),inset 0 1px rgba(255,255,255,.18);transform:rotate(-7deg)}
.hp2-community-orb i{font-size:4rem;color:#fff;transform:rotate(7deg)}
.hp2-community-copy{display:flex;flex-direction:column;justify-content:center;padding:54px}
.hp2-community-copy h2{margin:8px 0 12px;font-size:clamp(2rem,3vw,3.2rem)}
.hp2-community-copy p{max-width:620px;margin:0;color:#91899c;font-size:.94rem;line-height:1.7}
.hp2-discord-button{align-self:flex-start;margin-top:24px;color:#fff!important;background:linear-gradient(135deg,#8050ea,#a546e8);box-shadow:0 12px 30px rgba(126,71,229,.2)}
.hp2-social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hp2-social-links a{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(211,88,255,.14);border-radius:12px;background:rgba(255,255,255,.025);color:#c9c1d0;font-size:.78rem;font-weight:800}
.hp2-video{overflow:hidden;border:1px solid rgba(213,90,255,.16);border-radius:22px;box-shadow:var(--hp2-shadow)}
.hp2-message{padding:20px;border:1px solid rgba(211,91,255,.16);border-radius:16px;background:rgba(19,16,27,.95);color:#c5bdca}

/* INNER PAGES + BOOTSTRAP */
.hp2-page-hero{padding:70px 0 44px;border-bottom:1px solid rgba(214,91,255,.11);background:
    radial-gradient(circle at 14% -20%,rgba(182,62,246,.12),transparent 26rem),linear-gradient(180deg,#0d0b14,#09080e)}
.hp2-page-hero h1{margin:8px 0 0;font-size:clamp(2.5rem,5vw,4.7rem)}
.hp2-page-line{width:78px;height:3px;margin-top:19px;border-radius:999px;background:linear-gradient(90deg,#e65cff,#8357f2)}
.hp2-content{padding-top:48px;padding-bottom:95px}
.card,.modal-content,.list-group-item,.accordion-item,.dropdown-menu:not(.hp2-dropdown){border-color:rgba(205,83,249,.14)!important;background-color:rgba(16,13,23,.97)!important;color:#f3eef7}
.card,.modal-content,.accordion-item{border-radius:16px!important;box-shadow:0 15px 44px rgba(0,0,0,.17)}
.card-header,.card-footer,.modal-header,.modal-footer,.accordion-button{border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.018)!important;color:#fff!important}
.list-group-item{border-color:rgba(255,255,255,.055)!important}
.list-group-item-action:hover{background:rgba(188,59,255,.055)!important;color:#fff!important}
.form-control,.form-select,.input-group-text,.form-check-input{border-color:rgba(203,79,249,.15)!important;background-color:#0d0a13!important;color:#f5f0f8!important}
.form-control,.form-select,.input-group-text{min-height:44px;border-radius:11px}
.form-control::placeholder{color:#625b6b}
.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:rgba(218,94,255,.42)!important;box-shadow:0 0 0 4px rgba(184,54,249,.07)!important}
.form-check-input:checked{background-color:var(--hp2-accent)!important;border-color:var(--hp2-accent)!important}
.btn{border-radius:11px}
.btn-primary{--bs-btn-bg:#a947e8;--bs-btn-border-color:#a947e8;--bs-btn-hover-bg:#ba55ef;--bs-btn-hover-border-color:#ba55ef;font-weight:800;box-shadow:0 8px 22px rgba(180,51,239,.12)}
.btn-outline-primary{--bs-btn-color:#d96ffb;--bs-btn-border-color:rgba(207,78,255,.34);--bs-btn-hover-bg:rgba(195,58,255,.09);--bs-btn-hover-border-color:#d85cff}
.badge.bg-primary{background:linear-gradient(135deg,#b84bea,#7752de)!important}
.table{--bs-table-bg:transparent;--bs-table-color:#c9c1d0;--bs-table-border-color:rgba(255,255,255,.055);--bs-table-striped-bg:rgba(255,255,255,.015)}
.table thead th{color:#fff;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}
.pagination{--bs-pagination-bg:#100d17;--bs-pagination-border-color:rgba(190,70,255,.14);--bs-pagination-hover-bg:rgba(192,56,255,.07);--bs-pagination-hover-border-color:rgba(217,81,255,.32);--bs-pagination-active-bg:var(--hp2-accent);--bs-pagination-active-border-color:var(--hp2-accent)}
.nav-tabs{border-color:rgba(255,255,255,.065)}
.nav-tabs .nav-link{color:#a59ead;border-color:transparent}
.nav-tabs .nav-link.active{color:#fff;background:#100d17;border-color:rgba(191,68,255,.16) rgba(191,68,255,.16) #100d17}
.text-primary{color:#d86ff8!important}.bg-primary{background-color:var(--hp2-accent)!important}.border-primary{border-color:rgba(211,78,255,.42)!important}

/* FOOTER */
.hp2-footer{margin-top:auto;padding:64px 0 26px;border-top:1px solid rgba(211,86,255,.1);background:#07060b}
.hp2-footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:56px}
.hp2-footer-brand{margin-bottom:18px}
.hp2-footer-brand-block>p{max-width:520px;margin:0;color:#777080;font-size:.82rem;line-height:1.7}
.hp2-footer-socials{display:flex;gap:9px;margin-top:20px}
.hp2-footer-socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(212,91,255,.12);border-radius:11px;background:rgba(255,255,255,.02);color:#8f8799;transition:.18s ease}
.hp2-footer-socials a:hover{border-color:rgba(219,100,255,.3);background:rgba(192,63,249,.07);color:#fff}
.hp2-footer h4{margin:3px 0 16px;color:#d56cf4;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.hp2-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.hp2-footer li a{color:#8e8797;font-size:.8rem;transition:.18s ease}
.hp2-footer li a:hover{color:#fff}
.hp2-footer-status span{display:inline-flex;align-items:center;gap:8px;color:#98d8b9;font-size:.76rem;font-weight:800}
.hp2-footer-status span i{width:7px;height:7px;border-radius:50%;background:var(--hp2-green);box-shadow:0 0 12px rgba(80,230,173,.5)}
.hp2-footer-status p{margin:12px 0 0;color:#6e6875;font-size:.76rem;line-height:1.6}
.hp2-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.055);color:#5f5966;font-size:.7rem}
.hp2-footer-bottom a{color:#8c8496}

@media(max-width:1199.98px){
    .hp2-nav-links .nav-link{padding-inline:9px!important;font-size:.76rem}
    .hp2-server-row{grid-template-columns:minmax(230px,1.6fr) 110px minmax(140px,.8fr) 48px}
    .hp2-footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:34px}
}
@media(max-width:991.98px){
    .hp2-nav-inner{min-height:70px}
    .hp2-navbar .navbar-collapse{margin-top:10px;padding:14px;border:1px solid rgba(214,91,255,.12);border-radius:16px;background:rgba(11,9,16,.97);box-shadow:0 22px 55px rgba(0,0,0,.28)}
    .hp2-nav-links{margin:0;gap:0}
    .hp2-nav-links .nav-link{padding:13px 10px!important;border-radius:10px}
    .hp2-nav-links .active>.nav-link:after{display:none}
    .hp2-nav-links .active>.nav-link{background:rgba(192,61,248,.07)}
    .hp2-nav-actions{margin:10px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.055);justify-content:flex-start;flex-wrap:wrap}
    .hp2-hero-content{min-height:calc(100vh - 70px);padding-top:60px}
    .hp2-scroll-link{bottom:24px}
    .hp2-section-head{align-items:flex-start;flex-direction:column;gap:14px}
    .hp2-server-detail{position:static}
    .hp2-community-banner{grid-template-columns:1fr}
    .hp2-community-visual{min-height:250px}
    .hp2-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767.98px){
    .hp2-brand-copy strong{font-size:.78rem}.hp2-brand-copy small{font-size:.52rem}
    .hp2-brand-logo,.hp2-brand-mark{width:36px;height:36px}
    .hp2-hero{min-height:auto}
    .hp2-hero-content{min-height:auto;padding-top:90px;padding-bottom:120px}
    .hp2-hero-title{font-size:clamp(3rem,15vw,4.5rem)}
    .hp2-hero-description{font-size:.92rem}
    .hp2-hero-meta{gap:14px}
    .hp2-hero-meta>div{min-width:calc(50% - 10px)}
    .hp2-main{padding-top:62px}
    .hp2-section{margin-bottom:68px}
    .hp2-server-row{grid-template-columns:1fr 48px;gap:14px}
    .hp2-server-state,.hp2-server-slots{grid-column:1/2}
    .hp2-server-actions{grid-column:2/3;grid-row:1/4;align-self:center}
    .hp2-community-copy{padding:34px 25px 40px}
    .hp2-detail-actions{flex-direction:column}
    .hp2-footer-grid{grid-template-columns:1fr}
    .hp2-footer-bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:479.98px){
    .hp2-brand-copy{display:none}
    .hp2-hero-actions>*{width:100%}
    .hp2-hero-meta>div{min-width:100%}
    .hp2-scroll-link span{font-size:.76rem}
}