.hp-container{max-width:1320px;margin:0 auto;padding:0 40px}@media(max-width:768px){.hp-container{padding:0 20px}}.hp-section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}@media(max-width:576px){.hp-section-header{flex-direction:column;align-items:flex-start;gap:16px}}.hp-section-title-wrap{display:flex;flex-direction:column;gap:8px}.hp-section-title{font-size:32px;font-weight:800;color:#f8fafc;letter-spacing:-.02em}@media(max-width:768px){.hp-section-title{font-size:26px}}.hp-section-subtitle{font-size:16px;color:#94a3b8}.hp-section-links{display:flex;align-items:center;gap:16px}.hp-section-link{display:inline-flex;align-items:center;gap:8px;color:#0ea5e9;font-weight:600;font-size:15px;text-decoration:none;transition:color .2s;white-space:nowrap}.hp-section-link:hover{color:#38bdf8}.hp-hero{position:relative;padding:120px 0;overflow:hidden}@media(max-width:768px){.hp-hero{padding:80px 0}}.hp-hero__bg{z-index:-2}.hp-hero__bg,.hp-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hp-hero__overlay{background:radial-gradient(circle at 70% 30%,rgba(14,165,233,.15) 0,rgba(2,6,23,.8) 50%,#020617 100%);z-index:-1}.hp-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:992px){.hp-hero__grid{grid-template-columns:1fr;gap:40px}}.hp-hero__content{display:flex;flex-direction:column;gap:24px}.hp-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.2);color:#38bdf8;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;align-self:flex-start}.hp-hero__title{font-size:56px;font-weight:800;line-height:1.1;color:#f8fafc;letter-spacing:-.02em}@media(max-width:768px){.hp-hero__title{font-size:38px}}@media(max-width:480px){.hp-hero__title{font-size:32px}}.hp-hero__title-highlight{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hp-hero__subtitle{font-size:18px;line-height:1.6;color:#94a3b8;max-width:520px}@media(max-width:768px){.hp-hero__subtitle{font-size:16px}}.hp-hero__actions{display:flex;align-items:center;gap:16px;margin-top:16px}@media(max-width:480px){.hp-hero__actions{flex-direction:column;align-items:stretch}}.hp-hero__visual{position:relative;height:500px}@media(max-width:992px){.hp-hero__visual{display:none}}.hp-btn-primary-large{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;box-shadow:0 4px 20px rgba(14,165,233,.3);transition:transform .2s,box-shadow .2s}.hp-btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(14,165,233,.4);color:#fff}.hp-btn-secondary-large{background:rgba(255,255,255,.05);color:#f8fafc;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:10px;transition:background .2s}.hp-btn-secondary-large:hover{background:rgba(255,255,255,.1);color:#f8fafc}.hp-floating-card{position:absolute;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 40px rgba(0,0,0,.5)}.hp-floating-card--1{top:20%;right:10%;width:320px;transform:rotate(2deg)}.hp-floating-card--2{bottom:25%;left:0;width:280px;transform:rotate(-3deg);z-index:2}.hp-floating-card--3{top:55%;right:-5%;width:260px;transform:rotate(4deg);opacity:.9}.hp-floating-card__icon{width:48px;height:48px;border-radius:4px;background:#1e293b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-floating-card__info{display:flex;flex-direction:column;gap:4px}.hp-floating-card__title{font-weight:700;color:#f8fafc;font-size:15px}.hp-floating-card__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.hp-floating-card__dot{width:6px;height:6px;border-radius:50%;background:#10b981;display:inline-block}.hp-features{padding:80px 0}@media(max-width:768px){.hp-features{padding:60px 0}}.hp-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:992px){.hp-features__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.hp-features__grid{grid-template-columns:1fr}}.hp-feature-card{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;transition:transform .2s,background .2s;text-decoration:none;color:inherit}.hp-feature-card:hover{background:rgba(15,23,42,.8);transform:translateY(-4px);color:inherit}.hp-feature-card__icon{width:56px;height:56px;border-radius:16px;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.2);display:flex;align-items:center;justify-content:center;color:#38bdf8}.hp-feature-card__title{font-size:18px;font-weight:700;color:#f8fafc;margin-bottom:8px}.hp-feature-card__desc{font-size:15px;color:#94a3b8;line-height:1.6}.hp-top-servers{padding:80px 0;background:rgba(15,23,42,.2)}@media(max-width:768px){.hp-top-servers{padding:60px 0}}.hp-top-servers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:992px){.hp-top-servers__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.hp-top-servers__grid{grid-template-columns:1fr}}.hp-server-card{background:rgba(15,23,42,.6);border:1px solid #1e293b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.hp-server-card__banner{height:140px;position:relative}.hp-server-card__rank{position:absolute;top:12px;left:12px;background:rgba(2,6,23,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fbbf24;color:#fbbf24;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;z-index:1}.hp-server-card__content{flex:1 1;padding:20px;display:flex;flex-direction:column;gap:16px}.hp-server-card__header{flex:1 1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hp-server-card__info{min-width:0}.hp-server-card__info h3{font-size:18px;font-weight:700;line-height:1.35;color:#f8fafc;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-server-card__expansion-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;background:rgba(255,255,255,.05);padding:4px 8px;border-radius:4px}.hp-server-card__rating{display:flex;align-items:center;gap:4px;background:rgba(2,6,23,.5);padding:4px 8px;border-radius:4px;font-size:13px;font-weight:600;color:#f8fafc}.hp-server-card__stats{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.hp-server-card__actions{display:flex;gap:12px;margin-top:4px}.hp-stat-block{display:flex;flex-direction:column;gap:4px}.hp-stat-block__label{font-size:12px;color:#94a3b8}.hp-stat-block__value{font-size:14px;font-weight:600;color:#f8fafc;display:flex;align-items:center;gap:6px}.hp-btn-server-primary{flex:1 1;background:#0ea5e9;color:#fff;padding:10px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;border:none;transition:background .2s}.hp-btn-server-primary:hover{background:#0284c7;color:#fff}.hp-expansions{padding:80px 0}@media(max-width:768px){.hp-expansions{padding:60px 0}}.hp-expansions__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}@media(max-width:992px){.hp-expansions__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.hp-expansions__grid{grid-template-columns:repeat(2,1fr)}}.hp-expansion-card{position:relative;height:240px;border-radius:12px;overflow:hidden;text-decoration:none;display:block;border:1px solid rgba(255,255,255,.1)}.hp-expansion-card:hover img{transform:scale(1.05)}.hp-expansion-card img{transition:transform .4s}.hp-expansion-card__overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(2,6,23,.9) 0,rgba(2,6,23,.4) 50%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:24px 20px;z-index:1}.hp-expansion-card__title{font-size:18px;font-weight:700;color:#f8fafc;margin-bottom:4px}@media(max-width:576px){.hp-expansion-card__title{font-size:15px}}.hp-expansion-card__count{font-size:13px;color:#38bdf8;font-weight:500}.hp-expansion-card--highlight{border-color:rgba(56,189,248,.4);box-shadow:0 0 20px rgba(56,189,248,.1)}.hp-news{padding:80px 0;background:rgba(15,23,42,.2)}@media(max-width:768px){.hp-news{padding:60px 0}}.hp-news__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:992px){.hp-news__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.hp-news__grid{grid-template-columns:1fr}}.hp-news-card{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;color:inherit}.hp-news-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-4px);color:inherit}.hp-news-card article{display:flex;flex-direction:column;flex:1 1}.hp-news-card__img{height:180px;width:100%;position:relative}.hp-news-card__content{padding:24px;display:flex;flex-direction:column;flex:1 1}.hp-news-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hp-news-card__tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:4px;background:rgba(14,165,233,.15);color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.hp-news-card__date{font-size:12px;color:#94a3b8}.hp-news-card__title{font-size:18px;font-weight:600;color:#f8fafc;line-height:1.4;margin-bottom:12px}.hp-news-card__desc,.hp-news-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-news-card__desc{font-size:14px;color:#94a3b8;line-height:1.6}.hp-stats{background:rgba(15,23,42,.4);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:60px 0}.hp-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}@media(max-width:576px){.hp-stats__grid{grid-template-columns:repeat(2,1fr);gap:24px}}.hp-stats__item{display:flex;flex-direction:column;gap:8px;align-items:center}.hp-stats__number{font-size:48px;font-weight:800;color:#f8fafc;letter-spacing:-.02em}@media(max-width:768px){.hp-stats__number{font-size:36px}}.hp-stats__label{font-size:15px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.hp-stats__label{font-size:13px}}.hp-discord{padding:100px 0;text-align:center}@media(max-width:768px){.hp-discord{padding:60px 0}}.hp-discord__box{max-width:800px;margin:0 auto;background:linear-gradient(135deg,rgba(88,101,242,.1),rgba(15,23,42,.8));border:1px solid rgba(88,101,242,.2);border-radius:16px;padding:64px 40px;display:flex;flex-direction:column;align-items:center;gap:24px}@media(max-width:576px){.hp-discord__box{padding:40px 24px}}.hp-discord__icon{width:64px;height:64px;border-radius:20px;background:#5865f2;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px rgba(88,101,242,.3)}.hp-discord__text{display:flex;flex-direction:column;gap:12px;align-items:center}.hp-discord__title{font-size:32px;font-weight:800;color:#f8fafc}@media(max-width:768px){.hp-discord__title{font-size:24px}}.hp-discord__desc{font-size:16px;color:#94a3b8;max-width:500px;line-height:1.6}.hp-btn-discord{background:#5865f2;color:#fff;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:12px;border:none;transition:background .2s}.hp-btn-discord:hover{background:#4752c4;color:#fff}