@media all{.global-mobile-nav__panel .dashboard-nav a{ align-items: flex-start; padding: 0.45rem 0.6rem; font-size: 0.86rem; line-height: 1.3; overflow-wrap: anywhere; }.global-mobile-nav__panel .dashboard-nav a .ui-icon{ flex: 0 0 auto; margin-top: 0.06rem; }.global-mobile-nav__panel .dashboard-nav{ list-style: none; margin: 0; padding: 0; }.global-mobile-nav__panel .dashboard-nav li{ margin: 0; }.global-mobile-nav__panel .dashboard-nav li + li{ margin-top: 0.08rem; }.global-mobile-nav__panel .dashboard-sidebar__group{ margin: 0.2rem 0; }.global-mobile-nav__panel .dashboard-sidebar__group-summary{ align-items: center; cursor: pointer; display: flex; justify-content: space-between; margin: 0; padding: 0.4rem 0.6rem; border-radius: var(--radius-sm); color: inherit; font-size: 0.86rem; line-height: 1.2; }.global-mobile-nav__panel .dashboard-sidebar__group-summary:hover{ background: var(--color-menu-link-hover); color: var(--color-text-primary); }.global-mobile-nav__panel .dashboard-sidebar__group-summary:focus-visible{ outline: none; box-shadow: var(--shadow-focus); }.global-mobile-nav__panel .dashboard-sidebar__group-summary::-webkit-details-marker{ display: none; }.global-mobile-nav__panel .dashboard-sidebar__group-summary::after{ content: "\25B6"; font-size: 0.7em; }.global-mobile-nav__panel .dashboard-sidebar__group[open] > .dashboard-sidebar__group-summary::after{ transform: rotate(90deg); }.global-mobile-nav__panel .dashboard-sidebar__group[open] > .dashboard-sidebar__group-summary{ margin-bottom: 0.08rem; }.global-mobile-nav__panel .dashboard-sidebar__group[open] > .dashboard-nav{ padding-left: 0.35rem; }.global-mobile-nav__panel .dashboard-sidebar__logout-form{ margin: 0.55rem 0 0; padding: 0.55rem 0 0.08rem; border-top: 1px solid var(--color-menu-border); }.global-mobile-nav__panel .dashboard-sidebar__logout-form button{ width: 100%; }} @media all{.site-footer{background: linear-gradient(180deg, var(--color-footer-bg-start) 0%, var(--color-footer-bg-end) 100%)}} @media all{.site-footer__inner{ padding-block: var(--space-4); margin-bottom: 0; }.global-footer__inner{ display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: var(--space-4); padding-top: var(--space-6); padding-bottom: var(--space-5); }} @media all{.global-footer__brand p{ margin-bottom: 0; color: rgba(255, 255, 255, 0.72); font-size: 0.92rem; max-width: 36ch; }.global-footer__brand-title{ margin-bottom: var(--space-2); }.global-footer__brand-link{ display: inline-flex; align-items: center; gap: 0.12rem; line-height: 1; color: #ffffff; transition: opacity var(--motion-base) var(--motion-ease); }.global-footer__brand-link:hover{ opacity: 0.92; }.global-footer__brand-link .brand-link__icon{ height: 3.25rem; }.global-footer__brand-link .brand-link__text{ font-size: 1.08rem; transform: translateY(2px); }.global-footer__column{ display: grid; gap: 0.32rem; margin-bottom: 0; }.global-footer__column-title{ margin-bottom: 0.35rem; color: #ffffff; font-weight: 700; }.global-footer__column a{ color: rgba(255, 255, 255, 0.78); font-size: 0.9rem; line-height: 1.25; margin-bottom: 0; display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.28rem 0.24rem; border-radius: var(--radius-sm); }.global-footer__column a:hover{ color: #ffffff; }.global-footer__bottom{ border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: var(--space-3); padding-bottom: var(--space-4); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-3); }.global-footer__copyright{ margin-bottom: 0; color: rgba(255, 255, 255, 0.66); font-size: 0.84rem; }.global-footer__meta{ display: grid; gap: 0.18rem; }.footer-version{ margin-bottom: 0; color: rgba(255, 255, 255, 0.56); font-size: 0.72rem; font-weight: 400; line-height: 1.2; }.global-footer__cycle{ margin-bottom: 0; color: rgba(255, 255, 255, 0.78); font-size: 0.84rem; text-align: center; }.global-footer__legal{ margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }.global-footer__legal a{ color: rgba(255, 255, 255, 0.74); font-size: 0.84rem; margin-bottom: 0; display: inline-flex; align-items: center; min-height: 2.5rem; padding: 0.24rem 0.2rem; border-radius: var(--radius-sm); }.global-footer__legal a:hover{ color: #ffffff; }.global-footer__social{ margin-bottom: 0; display: flex; align-items: center; gap: var(--space-2); }.global-footer__social-link{ width: 1.95rem; height: 1.95rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.05); color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.82rem; margin-bottom: 0; transition: border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease); }.global-footer__social-link .ui-icon{ width: 0.98rem; height: 0.98rem; }.global-footer__social-link:hover{ background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.42); color: #ffffff; }.global-footer__social-link:focus-visible{ outline: none; box-shadow: var(--shadow-focus); }.global-footer__social-link--facebook:hover, .global-footer__social-link--facebook:focus-visible{ border-color: rgba(24, 119, 242, 0.72); background: rgba(24, 119, 242, 0.2); color: #dfeeff; }.global-footer__social-link--x:hover, .global-footer__social-link--x:focus-visible{ border-color: rgba(255, 255, 255, 0.56); background: rgba(255, 255, 255, 0.14); color: #ffffff; }.global-footer__social-link--youtube:hover, .global-footer__social-link--youtube:focus-visible{ border-color: rgba(255, 0, 0, 0.64); background: rgba(255, 0, 0, 0.18); color: #ffe3e3; }} @media all{@media (max-width: 980px){.global-footer__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.global-footer__brand{ grid-column: 1 / -1; }.global-footer__bottom{ grid-template-columns: 1fr; justify-items: center; text-align: center; gap: var(--space-2); }}} @media all{@media (max-width: 700px){.global-footer__inner{ grid-template-columns: 1fr; gap: var(--space-3); }.global-footer__brand{ grid-column: auto; }.global-footer__legal{ gap: var(--space-2); }}} @media all{@media (max-width: 700px){.global-footer__brand-link .brand-link__icon{ height: 2.42rem; }.global-footer__brand-link .brand-link__text{ font-size: 1.01rem; transform: translateY(2px); }}} @media all{.homepage-featured-server-carousel{ position: relative; }.homepage-featured-server-carousel__nav{ position: absolute; top: 50%; z-index: 3; display: block; width: 2.15rem; height: 2.15rem; padding: 0; border: 1px solid rgba(243, 180, 95, 0.78); border-radius: 999px; background: rgba(8, 16, 26, 0.86); color: transparent; cursor: pointer; font-size: 0; line-height: 0; transform: translateY(-50%); transition: opacity 160ms ease; }.homepage-featured-server-carousel__nav::before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 0.58rem; height: 0.58rem; border-top: 0.16rem solid #ffd391; border-right: 0.16rem solid #ffd391; }.homepage-featured-server-carousel__nav--prev::before{ transform: translate(-50%, -50%) rotate(-135deg); }.homepage-featured-server-carousel__nav--next::before{ transform: translate(-50%, -50%) rotate(45deg); }.homepage-featured-server-carousel__nav:hover, .homepage-featured-server-carousel__nav:focus-visible{ border-color: rgba(255, 211, 145, 0.95); box-shadow: 0 0 18px rgba(243, 180, 95, 0.26); transform: translateY(-50%); }.homepage-featured-server-carousel__nav:active{ transform: translateY(-50%); }.homepage-featured-server-carousel__nav[hidden]{ display: none; }.homepage-featured-server-carousel__nav--prev{ left: -1.45rem; }.homepage-featured-server-carousel__nav--next{ right: -1.45rem; }} @media all{.homepage-featured-server-card{ position: relative; flex: 0 0 calc((100% - (var(--featured-server-card-gap) * 2)) / 3); min-width: 0; border-radius: 0.72rem; background: linear-gradient(165deg, rgba(14, 25, 38, 0.76) 0%, rgba(11, 20, 32, 0.84) 100%); box-shadow: 0 18px 36px rgba(5, 12, 22, 0.3); overflow: hidden; isolation: isolate; scroll-snap-align: start; }.homepage-featured-server-card__body{ position: relative; z-index: 1; min-height: 100%; padding: clamp(0.62rem, 1.45vw, 0.9rem); display: grid; gap: 0.58rem; }.homepage-featured-server-card__top{ display: flex; align-items: center; justify-content: space-between; gap: 0.55rem; }.homepage-featured-server-card__badge{ margin: 0; justify-self: start; display: inline-flex; align-items: center; gap: 0.28rem; min-height: 1.62rem; padding: 0.24rem 0.52rem; border: 1px solid rgba(243, 180, 95, 0.8); border-radius: 0.42rem; background: linear-gradient(165deg, rgba(85, 56, 22, 0.76) 0%, rgba(37, 30, 20, 0.72) 100%); color: #f3b45f; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; }.homepage-featured-server-card__badge-icon, .homepage-featured-server-card__action-icon, .homepage-featured-server-card__action-arrow{ display: block; flex: 0 0 auto; }.homepage-featured-server-card__badge-icon{ width: 1.05rem; height: 1.05rem; }.homepage-featured-server-card__banner{ display: block; width: 351px; max-width: 100%; height: 45px; object-fit: contain; border: 1px solid rgba(101, 135, 170, 0.62); border-radius: 0.48rem; background: #0f1c2a; }.homepage-featured-server-card__main{ display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 0.62rem; align-items: start; }.homepage-featured-server-card__icon{ display: block; width: 3.5rem; height: 3.5rem; border: 1px solid rgba(243, 180, 95, 0.62); border-radius: 0.56rem; background: rgba(255, 255, 255, 0.08); object-fit: cover; }.homepage-featured-server-card__copy{ min-width: 0; display: grid; gap: 0.22rem; }.homepage-featured-server-card__copy h3, .homepage-featured-server-card__game{ margin: 0; }.homepage-featured-server-card__copy h3{ color: #f6f8fb; font-size: clamp(0.98rem, 1.65vw, 1.18rem); line-height: 1.15; }.homepage-featured-server-card__game{ flex: 0 1 auto; min-width: 0; max-width: 48%; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; color: #f3b45f; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }.homepage-featured-server-card__copy-ip{ width: 100%; max-width: 13rem; min-height: 2.08rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.34rem; align-items: center; margin: 0.02rem 0; padding: 0.34rem 0.48rem; border-color: rgba(243, 180, 95, 0.5); background: rgba(7, 15, 24, 0.58); color: #eef5fb; box-shadow: none; }.homepage-featured-server-card__copy-ip.server-ip-copy-box.is-copying, .homepage-featured-server-card__copy-ip.server-ip-copy-box.is-copied{ border-color: rgba(131, 198, 165, 0.72); background: rgba(7, 15, 24, 0.58); color: #eef5fb; }.homepage-featured-server-card__copy-ip .server-ip-copy-box__value{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.76rem; }.homepage-featured-server-card__copy-ip .server-ip-copy-box__hint{ display: inline-flex; align-items: center; gap: 0.22rem; color: #f3b45f; font-size: 0.7rem; font-weight: 800; white-space: nowrap; }.homepage-featured-server-card__action{ display: grid; grid-template-columns: 1.15rem minmax(0, 1fr) 2rem; align-items: center; gap: 0.42rem; min-height: 2.42rem; margin-top: auto; padding: 0.44rem 0.62rem; border: 1px solid rgba(243, 180, 95, 0.72); border-radius: 0.44rem; background: linear-gradient(165deg, rgba(22, 31, 43, 0.78) 0%, rgba(14, 24, 35, 0.84) 100%); color: #f3b45f; font-weight: 800; text-decoration: none; }.homepage-featured-server-card__action:hover{ color: #ffd391; border-color: rgba(255, 204, 128, 0.92); box-shadow: 0 0 18px rgba(243, 180, 95, 0.22); text-decoration: none; }.homepage-featured-server-card__action-icon{ width: 1.45rem; height: 1.45rem; }.homepage-featured-server-card__action-arrow{ width: 2rem; height: auto; justify-self: end; }} @media all{.homepage-section.homepage-faq-section{background: transparent;box-shadow: none}} @media all{.homepage-faq-section__label{ display: grid; grid-template-columns: minmax(2.6rem, 4.25rem) auto minmax(2.6rem, 4.25rem); align-items: center; gap: 0.8rem; margin: 0; color: #f57b57; font-size: 0.9rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1; text-transform: uppercase; }.homepage-faq-section__label::before, .homepage-faq-section__label::after{ content: ''; height: 2px; border-radius: 999px; background: linear-gradient(90deg, rgba(245, 123, 87, 0) 0%, rgba(243, 180, 95, 0.94) 100%); box-shadow: 0 0 12px rgba(243, 180, 95, 0.42); }.homepage-faq-section__label::after{ background: linear-gradient(90deg, rgba(243, 180, 95, 0.94) 0%, rgba(245, 123, 87, 0) 100%); }} @media all{.homepage-faq-section .homepage-section__head h2{text-shadow: 0 12px 30px rgba(0, 0, 0, 0.3)}} @media all{.homepage-support-cta{background: linear-gradient(180deg, rgba(255, 168, 62, 0.1) 0%, rgba(255, 168, 62, 0) 48%), linear-gradient(145deg, #1b2a3a 0%, #142233 100%);box-shadow: inset 0 1px 0 rgba(255, 185, 93, 0.22), 0 12px 26px rgba(5, 12, 22, 0.28)}} @media all{.homepage-support-cta::before{background: linear-gradient(90deg, rgba(255, 170, 74, 0) 0%, rgba(255, 170, 74, 0.78) 62%, rgba(255, 170, 74, 0) 100%)}} @media all{.homepage-support-cta__message{ display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: clamp(1rem, 2vw, 1.45rem); min-width: 0; }.homepage-support-cta__icon{ display: inline-grid; place-items: center; width: clamp(4.75rem, 8vw, 5.75rem); height: clamp(4.75rem, 8vw, 5.75rem); border: 1px solid rgba(241, 151, 54, 0.5); border-radius: 999px; background: radial-gradient(circle at 50% 42%, rgba(255, 168, 62, 0.22) 0%, rgba(255, 168, 62, 0.08) 46%, rgba(10, 18, 28, 0.54) 100%); box-shadow: 0 0 26px rgba(240, 143, 45, 0.18), inset 0 0 16px rgba(255, 176, 72, 0.12); flex: 0 0 auto; }.homepage-support-cta__icon img{ display: block; width: 62%; height: 62%; object-fit: contain; }.homepage-support-cta__copy{ min-width: 0; }.homepage-support-cta__copy h3, .homepage-support-cta__copy p, .homepage-support-cta__action p{ margin: 0; }.homepage-support-cta__copy h3{ color: #f5f8fc; font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.18; }.homepage-support-cta__copy p{ margin-top: 0.35rem; max-width: 27rem; color: #b8c6d5; font-size: clamp(0.92rem, 1.35vw, 1rem); line-height: 1.45; }.homepage-support-cta__divider{ width: 1px; height: min(4.75rem, 100%); background: linear-gradient(180deg, rgba(117, 140, 164, 0) 0%, rgba(117, 140, 164, 0.72) 50%, rgba(117, 140, 164, 0) 100%); }.homepage-support-cta__action{ display: grid; justify-items: center; gap: 0.5rem; min-width: 0; }.homepage-support-cta__button{ width: min(100%, 18.5rem); min-height: 3.2rem; padding: 0.82rem 1.25rem; border: 1px solid rgba(255, 177, 82, 0.4); border-radius: var(--radius-sm); background: linear-gradient(120deg, #ffae35 0%, #ff8c32 45%, #ff5147 100%); color: #fff; font-weight: 700; text-decoration: none; box-shadow: 0 10px 18px rgba(255, 110, 50, 0.2); }.homepage-support-cta__button:hover, .homepage-support-cta__button:focus-visible{ color: #fff; text-decoration: none; filter: brightness(1.04); }.homepage-support-cta__action p{ color: #aebdca; font-size: 0.88rem; line-height: 1.35; text-align: center; }.server-badge-gold{ display: inline-flex; align-items: center; gap: 0.25rem; border: 1px solid #dfb42f; border-radius: 999px; background: linear-gradient(180deg, #fff4cc 0%, #f2da8a 100%); color: #6d4e00; font-size: 0.72rem; font-weight: 700; line-height: 1; padding: 0.18rem 0.42rem; }.server-badge-gold__star, .server-badge-gold__label{ display: inline-flex; margin: 0; }} @media all{@media (max-width: 900px){.homepage-featured-server-card{ flex-basis: calc((100% - var(--featured-server-card-gap)) / 2); }}} @media all{@media (max-width: 900px){.homepage-support-cta__divider{ width: min(100%, 26rem); height: 1px; background: linear-gradient(90deg, rgba(117, 140, 164, 0) 0%, rgba(117, 140, 164, 0.72) 50%, rgba(117, 140, 164, 0) 100%); }.homepage-support-cta__copy p{ max-width: 32rem; }}} @media all{@media (max-width: 768px){.page-hierarchy.homepage-directory .homepage-featured-server-carousel__nav--prev{ left: 0.35rem; }.page-hierarchy.homepage-directory .homepage-featured-server-carousel__nav--next{ right: 0.35rem; }}} @media all{@media (max-width: 768px){.page-hierarchy.homepage-directory .homepage-featured-server-card__main{ grid-template-columns: 3.25rem minmax(0, 1fr); }.page-hierarchy.homepage-directory .homepage-featured-server-card{ flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }.page-hierarchy.homepage-directory .homepage-featured-server-card__icon{ width: 3.25rem; height: 3.25rem; }}} @media all{@media (max-width: 768px){.page-hierarchy.homepage-directory .homepage-support-cta__message{ grid-template-columns: 1fr; justify-items: center; }}} @media all{.homepage-section--base{background: linear-gradient(165deg, #1a2a3c 0%, #172638 100%)}} @media all{.homepage-section--cta{background: linear-gradient(155deg, #3d3019 0%, #4a3a1f 100%);box-shadow: 0 10px 20px rgba(7, 5, 2, 0.35)}} @media all{.homepage-directory .homepage-section--cta{background-image: linear-gradient(90deg, rgba(9, 16, 25, 0.94) 0%, rgba(9, 16, 25, 0.82) 35%, rgba(9, 16, 25, 0.36) 68%, rgba(9, 16, 25, 0.1) 100%), linear-gradient(180deg, rgba(9, 16, 25, 0.08) 0%, rgba(9, 16, 25, 0.72) 100%), var(--deferred-background-image, none);background-position: center top, center top, 78% top;background-size: cover;background-repeat: no-repeat;box-shadow: 0 14px 28px rgba(5, 12, 22, 0.38)}.homepage-growth-cta__hero{ display: grid; gap: 0.72rem; max-width: 34rem; }.homepage-growth-cta__hero > *{ margin: 0; }.homepage-growth-cta__kicker{ display: inline-flex; justify-self: start; padding: 0.22rem 0.48rem; border: 1px solid rgba(243, 180, 95, 0.3); border-radius: 0.28rem; color: #f3b45f; font-size: 0.84rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1.1; text-transform: uppercase; }.homepage-growth-cta__hero h2{ max-width: 9.5ch; color: #f5f8fc; font-size: clamp(3rem, 7vw, 5.4rem); line-height: 0.98; }.homepage-growth-cta__hero h2::after{ content: ''; display: block; width: min(22rem, 86%); height: 0.35rem; margin-top: 0.18rem; border-radius: 999px; background: linear-gradient(90deg, #f0b84f 0%, #ff9b3d 64%, #f05e4e 100%); transform: skewX(-18deg); }.homepage-growth-cta__hero p:last-child{ max-width: 29rem; color: #c8d4e3; font-size: clamp(1.05rem, 1.9vw, 1.34rem); line-height: 1.45; }.homepage-growth-cta__cards{ display: grid; grid-template-columns: repeat(3, minmax(0, 21rem)); gap: clamp(0.9rem, 1.8vw, 1.25rem); align-items: stretch; justify-content: center; width: min(100%, 66rem); margin-inline: auto; margin-top: auto; }.homepage-growth-card{ position: relative; min-height: 14.6rem; padding: clamp(1rem, 2vw, 1.45rem); border: 1px solid rgba(139, 164, 191, 0.26); border-radius: var(--radius-md); background: rgba(15, 28, 43, 0.90); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 32px rgba(4, 10, 18, 0.25); display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; row-gap: 1rem; }.homepage-growth-card__icon{ justify-self: center; width: 5.85rem; height: 5.85rem; object-fit: contain; }.homepage-growth-card__copy{ display: grid; gap: 0.55rem; grid-template-rows: auto 1fr; align-self: stretch; min-width: 0; text-align: center; }.homepage-growth-card__copy h3, .homepage-growth-card__copy p{ margin: 0; }.homepage-growth-card__copy h3{ color: #f5f8fc; font-size: clamp(1.12rem, 1.55vw, 1.34rem); line-height: 1.2; overflow-wrap: anywhere; }.homepage-growth-card__title{ display: grid; min-height: 2.4em; align-content: center; }.homepage-growth-card__title span{ display: block; margin: 0; }.homepage-growth-card__copy p{ display: grid; align-content: start; justify-self: center; width: min(100%, 17.25rem); height: 2.72em; color: #c5d1df; font-size: 0.98rem; line-height: 1.36; text-align: center; overflow-wrap: normal; align-self: start; }.homepage-growth-card__copy p span{ display: block; }.homepage-growth-card__action{ grid-column: 1 / -1; min-height: 3.25rem; width: 100%; margin: 0; font-size: clamp(0.92rem, 1.35vw, 1.08rem); }.homepage-growth-card--orange .homepage-growth-card__action, .homepage-growth-card--coral .homepage-growth-card__action{ border-color: rgba(121, 148, 178, 0.62); }.homepage-growth-card--coral .homepage-growth-card__action{ border-color: rgba(255, 130, 86, 0.82); }.homepage-growth-cta__trust{ display: flex; align-items: center; justify-content: center; gap: clamp(1rem, 1.8vw, 1.5rem); width: 100%; margin-inline: auto; }.homepage-growth-cta__trust-content{ margin: 0; display: inline-flex; align-items: center; justify-content: center; flex: 0 1 44rem; gap: clamp(0.75rem, 1.3vw, 1rem); min-width: 0; color: #c8d4e3; font-size: clamp(0.95rem, 1.5vw, 1.16rem); line-height: 1.35; text-align: center; }.homepage-growth-cta__shield{ flex: 0 0 auto; width: min(4.6875rem, 24vw); height: min(4.6875rem, 24vw); object-fit: contain; }.homepage-growth-cta__trust-content span{ flex: 1 1 auto; min-width: 0; }.homepage-growth-cta__divider{ flex: 1 1 0; min-width: 0; max-width: 24rem; height: 3.25rem; background-image: url('/assets/images/components/Border_Design_1.png'); background-repeat: no-repeat; background-size: 260% auto; background-position: right 56%; opacity: 1; }.homepage-growth-cta__divider--right{ transform: scaleX(-1); background-position: right 56%; }@media (max-width: 980px){.homepage-directory .homepage-section--cta{background-position: center top, center top, 78% top}.homepage-growth-cta__cards{ grid-template-columns: 1fr; }.homepage-growth-card{ min-height: 0; }}} @media all{@media (max-width: 620px){.homepage-directory .homepage-section--cta{background-position: center top, center top, 78% top}.homepage-growth-cta__hero{ max-width: 100%; }.homepage-growth-cta__hero h2{ max-width: 100%; font-size: clamp(2.35rem, 13vw, 3.4rem); overflow-wrap: anywhere; }.homepage-growth-cta__cards{ width: 100%; max-width: 100%; }.homepage-growth-card{ grid-template-columns: 1fr; width: 100%; max-width: 100%; box-sizing: border-box; }.homepage-growth-card__icon{ width: 5.6rem; height: 5.6rem; }.homepage-growth-cta__trust{ flex-direction: column; gap: var(--space-2); }.homepage-growth-cta__divider{ width: min(100%, 18rem); flex: 0 0 2.2rem; max-width: none; }.homepage-growth-cta__trust-content{ flex-direction: column; flex-basis: auto; text-align: center; }}} @media all{.homepage-directory .gaming-update-card{ transition: transform var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease); }@media (prefers-reduced-motion: reduce){.homepage-directory .gaming-update-card{ transition: none !important; transform: none !important; }}} @media all{.gaming-updates-section__header{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }.gaming-updates-section__header > div{ display: grid; gap: 0.32rem; }.gaming-updates-section__header h2{ margin: 0; font-size: clamp(1.25rem, 2vw, 1.55rem); line-height: 1.2; }.gaming-updates-section__header p{ margin: 0; color: var(--color-text-muted); line-height: 1.45; }} @media all{.gaming-update-discovery-section{ padding: var(--space-3); border: 1px solid #3d536a; border-radius: var(--radius-md); background: linear-gradient(165deg, #152435 0%, #101d2d 100%); box-shadow: 0 14px 28px rgba(5, 12, 22, 0.28); }.gaming-update-discovery-section .gaming-updates-section__header h2{ color: #f8fafc; }.gaming-update-discovery-section .gaming-updates-section__header p{ color: #b7c8da; }.gaming-update-card{ min-height: 100%; overflow: visible; }.card.gaming-update-card{ overflow: visible; }.gaming-update-discovery-section .gaming-update-card{ border-color: #3e5368; background: linear-gradient(165deg, #1b2b3d 0%, #162536 100%); box-shadow: 0 10px 22px rgba(5, 12, 22, 0.28); }.gaming-update-discovery-section .gaming-update-card:hover{ border-color: #5d7894; box-shadow: 0 14px 28px rgba(5, 12, 22, 0.38); }.gaming-update-card__body{ height: 100%; align-content: start; }.gaming-update-card__media{ display: block; aspect-ratio: 16 / 9; border-bottom: 1px solid var(--color-border); border-radius: 0; background: var(--color-bg-soft); overflow: visible; }.gaming-update-card__media:hover, .gaming-update-card__placeholder:hover{ text-decoration: none; }.gaming-update-card__media img{ display: block; width: 100%; aspect-ratio: 16 / 9; height: 100%; border-radius: 0; object-fit: cover; transition: transform 0.18s ease, filter 0.18s ease; }.gaming-update-card__media:hover img{ filter: brightness(1.05); transform: none; }.gaming-update-card__placeholder{ display: grid; place-items: center; aspect-ratio: 16 / 9; border-bottom: 1px solid #3e5368; border-radius: 0; background: radial-gradient(circle at 24% 18%, rgba(246, 191, 112, 0.18), transparent 34%), linear-gradient(150deg, #203247 0%, #172638 100%); color: #f4dca8; text-decoration: none; }.gaming-update-card__placeholder span{ display: inline-flex; align-items: center; border: 1px solid rgba(246, 191, 112, 0.48); border-radius: var(--radius-pill); background: rgba(16, 29, 45, 0.74); color: #f4dca8; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; line-height: 1.1; padding: 0.34rem 0.74rem; text-transform: uppercase; }.gaming-update-card__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); color: #b7c8da; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }.gaming-update-card h2, .gaming-update-card h3{ margin: 0; font-size: 1.08rem; line-height: 1.28; }.gaming-update-card p{ color: #b7c8da; line-height: 1.45; }.gaming-update-card a{ color: #f2f7fc; text-decoration: none; }.gaming-update-card a:hover{ color: #f6bf70; text-decoration: underline; text-underline-offset: 0.14em; }.gaming-update-badge{ display: inline-flex; align-items: center; border: 1px solid #c9d9ec; border-radius: var(--radius-pill); background: linear-gradient(165deg, #edf5fd 0%, #e4eef8 100%); color: #30506f; font-size: 0.72rem; font-weight: 800; line-height: 1.1; padding: 0.22rem 0.55rem; }.gaming-update-badge--news{ border-color: #efd7aa; background: linear-gradient(165deg, #fff8e7 0%, #ffefcf 100%); color: #754f14; }} @media all{@media (max-width: 640px){.gaming-updates-section__header{ align-items: flex-start; flex-direction: column; gap: var(--space-2); }}} @media all{.server-badge-gold{ display: inline-flex; align-items: center; gap: 0.3rem; border-radius: 999px; padding: 0.16rem 0.58rem; border: 1px solid #c8961a; background: linear-gradient(135deg, #ffe58f 0%, #f3c84c 45%, #dca61d 100%); color: #3f2a00; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.01em; line-height: 1.1; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); box-shadow: 0 0 0 1px rgba(255, 212, 118, 0.35), 0 0 10px rgba(224, 170, 42, 0.25); }.server-badge-gold__star{ color: #8c5e00; font-size: 0.76rem; line-height: 1; }.server-badge-gold__label{ white-space: nowrap; }} @media all{.flash-stack .state-message{ animation: flash-in 220ms var(--motion-ease) both; }.flash-stack{ display: grid; margin-bottom: var(--space-4); }} @media all{.reward-earned-burst{ position: absolute; inset: -25%; pointer-events: none; border-radius: 999px; background: radial-gradient(circle, rgba(118, 182, 137, 0.28) 0%, rgba(118, 182, 137, 0.12) 35%, rgba(118, 182, 137, 0) 70%); animation: reward-earned-burst 820ms var(--motion-ease) both; }.reward-earned-badge{ position: absolute; top: 0.35rem; right: 0.45rem; pointer-events: none; border-radius: var(--radius-pill); padding: 0.16rem 0.5rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; color: #1f3b2a; background: #dcf3e4; border: 1px solid #99c8a8; box-shadow: 0 6px 14px rgba(44, 90, 58, 0.18); animation: reward-earned-badge 860ms var(--motion-ease) both; }} @media all{.async-status{ width: 100%; align-items: flex-start; gap: var(--space-2); }.async-status__spinner{ margin-top: 0.15rem; margin-left: auto; flex: 0 0 auto; }.async-status__content{ flex: 1 1 auto; display: grid; gap: 0.15rem; min-width: 0; }.async-status__text{ color: #2f4255; font-weight: 600; line-height: 1.35; }.async-status__stage{ color: var(--color-text-muted); font-size: 0.82rem; line-height: 1.25; }.async-status__progress{ margin-top: var(--space-1); }} @media all{.homepage-section--base{background: linear-gradient(165deg, #ffffff 0%, #f7fafd 100%)}.homepage-section--cta{background: linear-gradient(150deg, #fff7e3 0%, #ffefca 100%)}} @media all{.homepage-section--cta{box-shadow: 0 10px 20px rgba(164, 126, 52, 0.14)}} @media all{@media (prefers-reduced-motion: reduce){.reward-earned-burst, .reward-earned-badge{ animation: none; display: none; }.credit-emphasis--reward{ animation: none; }}} @media all{.server-banner{ width: 468px; height: 60px; max-width: 100%; object-fit: cover; display: block; }.server-ip-copy-block{ display: grid; gap: 0.45rem; }.server-ip-copy-box{ appearance: none; width: 100%; border: 1px solid #cfdce9; border-radius: var(--radius-md); background: linear-gradient(160deg, #f8fbff 0%, #eef5fc 100%); color: var(--color-text-primary); text-align: left; padding: 0.62rem 0.78rem; display: grid; gap: 0.15rem; cursor: pointer; transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, background 140ms ease; }.server-ip-copy-box:hover{ border-color: #9ab4ce; box-shadow: 0 5px 14px rgba(43, 61, 81, 0.12); background: linear-gradient(160deg, #f5f9ff 0%, #e9f2fc 100%); }.server-ip-copy-box:focus-visible{ outline: 2px solid #8fb4db; outline-offset: 2px; }.server-ip-copy-box:active{ transform: translateY(1px); }.server-ip-copy-box.is-copying{ border-color: #9ab4ce; }.server-ip-copy-box.is-copied{ border-color: #83c6a5; background: linear-gradient(160deg, #edf8f1 0%, #e3f2e9 100%); }.server-ip-copy-box.is-failed{ border-color: #e0a79b; background: linear-gradient(160deg, #fff5f2 0%, #ffece7 100%); }.server-ip-copy-box__value{ font-family: "Consolas", "SFMono-Regular", "Menlo", monospace; font-size: 0.98rem; line-height: 1.3; word-break: break-all; color: #1e2d3d; font-weight: 700; }.server-ip-copy-box__hint{ display: inline-flex; align-items: center; gap: 0.32rem; color: #4d5f73; font-size: 0.78rem; margin-top: 0.12rem; }.server-ip-copy-box--inline{ display: inline-flex; align-items: center; justify-content: space-between; width: auto; min-width: 0; max-width: 100%; gap: 0.38rem; white-space: nowrap; }.server-ip-copy-box--inline .server-ip-copy-box__value{ font-size: 0.82rem; line-height: 1; white-space: nowrap; word-break: normal; }.server-ip-copy-box--inline .server-ip-copy-box__hint{ margin-top: 0; white-space: nowrap; font-size: 0.68rem; }.ip-copy-popup{ position: absolute; z-index: 1200; width: min(24rem, calc(100vw - 1.5rem)); border: 1px solid #cfd9e3; border-radius: var(--radius-md); background: linear-gradient(165deg, #f8fbff 0%, #eef4fa 100%); box-shadow: 0 16px 30px rgba(31, 41, 51, 0.18); padding: 0.7rem; }.ip-copy-popup__body{ display: grid; gap: 0.58rem; }.ip-copy-popup__message{ margin: 0; font-size: 0.9rem; line-height: 1.45; color: #2f3d4d; font-weight: 600; }.ip-copy-popup__title, .ip-copy-popup__subtext, .ip-copy-popup__microtext{ display: block; }.ip-copy-popup__title{ font-size: 0.94rem; font-weight: 700; line-height: 1.22; color: #223548; }.ip-copy-popup__subtext{ margin-top: 0.22rem; font-size: 0.84rem; font-weight: 500; line-height: 1.4; color: #304458; }.ip-copy-popup__subtext strong{ font-weight: 700; }.ip-copy-popup__microtext{ margin-top: 0.18rem; font-size: 0.74rem; font-weight: 500; line-height: 1.35; color: #5b6d80; }.ip-copy-popup__actions{ display: flex; flex-wrap: wrap; gap: 0.38rem; }.ip-copy-popup__chooser{ display: grid; gap: 0.5rem; }.ip-copy-popup__chooser[hidden]{ display: none; }.ip-copy-popup__choice{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.55rem; align-items: center; padding: 0.55rem; border: 1px solid #d4dee8; border-radius: var(--radius-sm); background: rgba(255, 255, 255, 0.72); }.ip-copy-popup__choice-text{ display: grid; min-width: 0; gap: 0.18rem; }.ip-copy-popup__choice-label{ color: #223548; font-size: 0.84rem; font-weight: 700; line-height: 1.2; }.ip-copy-popup__choice-address{ display: block; min-width: 0; overflow-wrap: anywhere; color: #425267; font-size: 0.82rem; line-height: 1.25; }.ip-copy-popup__choice-button{ min-height: 2rem; padding: 0.32rem 0.58rem; font-size: 0.78rem; white-space: nowrap; }.ip-copy-popup__action{ min-height: 2.05rem; padding: 0.34rem 0.7rem; font-size: 0.82rem; }.ip-copy-popup--guest .ip-copy-popup__actions{ gap: 0.44rem; }.ip-copy-popup--guest [data-copy-popup-register]{ font-weight: 700; }.ip-copy-popup--guest [data-copy-popup-share]{ opacity: 0.9; }.ip-copy-popup__action[hidden]{ display: none !important; }@media (max-width: 420px){.ip-copy-popup__choice{ grid-template-columns: 1fr; }.ip-copy-popup__choice-button{ width: 100%; }}.credit-emphasis{ display: inline-flex; align-items: center; border-radius: var(--radius-pill); padding: 0.06rem 0.5rem; margin: 0 0.08rem; font-weight: 700; line-height: 1.25; white-space: nowrap; }.credit-emphasis--reward{ color: #104530; border: 1px solid #90c9a7; background: linear-gradient(165deg, #eaf8ef 0%, #dff1e7 100%); box-shadow: 0 0 0 0 rgba(67, 158, 104, 0.34); animation: credit-reward-pulse 1.4s ease-out 1; }.server-faq-section{ border-color: #d7e2ec; overflow: hidden; }.server-faq-section>.card-body{ padding-top: var(--space-3); }} @media all{.faq-accordion__item{ border: 1px solid rgba(91, 116, 143, 0.62); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(31, 49, 68, 0.94) 0%, rgba(20, 35, 52, 0.96) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 28px rgba(5, 12, 22, 0.2); overflow: hidden; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }.faq-accordion__item:hover{ border-color: rgba(243, 180, 95, 0.52); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 34px rgba(5, 12, 22, 0.28), 0 0 20px rgba(243, 180, 95, 0.12); transform: translateY(-2px); }.faq-accordion__item[open]{ border-color: rgba(243, 180, 95, 0.78); box-shadow: inset 3px 0 0 rgba(245, 123, 87, 0.78), inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 36px rgba(5, 12, 22, 0.3); }.faq-accordion__item[open] .faq-accordion__icon{ border-color: rgba(243, 180, 95, 0.68); background: linear-gradient(155deg, rgba(66, 48, 35, 0.92) 0%, rgba(41, 46, 56, 0.95) 100%); color: #f7c36d; }.faq-accordion__summary{ list-style: none; cursor: pointer; display: grid; grid-template-columns: 3rem minmax(0, 1fr) 1.25rem; align-items: center; gap: clamp(0.85rem, 1.8vw, 1.25rem); width: 100%; min-height: 4.1rem; margin: 0; padding: clamp(0.85rem, 1.8vw, 1.15rem) clamp(1rem, 2vw, 1.35rem); color: #f3f7fb; font-weight: 700; box-sizing: border-box; }.faq-accordion__summary::-webkit-details-marker{ display: none; }.faq-accordion__summary:focus-visible{ outline: 2px solid rgba(243, 180, 95, 0.72); outline-offset: 3px; }.faq-accordion__icon{ display: inline-grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid rgba(121, 148, 178, 0.5); border-radius: var(--radius-sm); background: linear-gradient(155deg, rgba(44, 61, 78, 0.74) 0%, rgba(24, 39, 57, 0.86) 100%); color: #f3b45f; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04); box-sizing: border-box; }.faq-accordion__icon .ui-icon{ width: 1.35rem; height: 1.35rem; }.faq-accordion__question{ min-width: 0; margin: 0; color: #f3f7fb; font-size: clamp(1.04rem, 1.7vw, 1.28rem); line-height: 1.25; font-weight: 700; letter-spacing: 0.01em; overflow-wrap: anywhere; }.faq-accordion__caret{ position: relative; display: block; width: 1.1rem; height: 1.1rem; flex: 0 0 auto; margin-right: 0; border: 0; color: #eaf1f8; transition: transform 180ms ease, color 180ms ease; }.faq-accordion__caret::before{ content: ''; position: absolute; inset: 0.18rem; border-right: 0.16rem solid currentColor; border-bottom: 0.16rem solid currentColor; transform: rotate(45deg); }.faq-accordion__item[open] .faq-accordion__caret{ color: #f3b45f; transform: rotate(180deg); }.faq-accordion__content{ margin: 0 clamp(1rem, 2vw, 1.35rem) clamp(1rem, 2vw, 1.25rem) calc(clamp(1rem, 2vw, 1.35rem) + 4.25rem); padding-top: clamp(0.85rem, 1.6vw, 1rem); border-top: 1px solid rgba(121, 148, 178, 0.28); }.faq-accordion__answer{ max-width: 56rem; margin: 0; color: #b7c7d6; font-size: clamp(0.98rem, 1.35vw, 1.08rem); line-height: 1.65; }@media (max-width: 760px){.faq-accordion__summary{ grid-template-columns: 2.65rem minmax(0, 1fr) 1rem; min-height: 3.85rem; padding: 0.8rem 0.85rem; gap: 0.75rem; }.faq-accordion__icon{ width: 2.65rem; height: 2.65rem; }.faq-accordion__icon .ui-icon{ width: 1.18rem; height: 1.18rem; }.faq-accordion__content{ margin: 0 0.85rem 0.95rem calc(0.85rem + 3.4rem); }}@media (prefers-reduced-motion: reduce){.faq-accordion__caret{ transition: none; }}} @media all{.homepage-section--base{background: linear-gradient(165deg, #1a2a3c 0%, #172638 100%)}} @media all{.homepage-section--cta{background: linear-gradient(155deg, #3d3019 0%, #4a3a1f 100%);box-shadow: 0 10px 20px rgba(7, 5, 2, 0.35)}} @media all{.server-ip-copy-box{ border-color: #44607c; background: linear-gradient(160deg, #1a2c3f 0%, #17293b 100%); color: #dce8f3; }.server-ip-copy-box:hover{ border-color: #6280a0; background: linear-gradient(160deg, #1f3247 0%, #1a2d41 100%); }.server-ip-copy-box__value{ color: #edf4fb; }.server-ip-copy-box__hint{ color: #b6c8da; }.server-faq-section{ border-color: #3f5670; }} @media all{.server-banner-media.server-banner-media{ display: block; max-width: 100%; min-height: 0; max-height: none; height: auto; aspect-ratio: 468 / 60; object-fit: contain; }.server-banner-media[hidden]{ display: none !important; }}