.home-page {
  --home-line: rgba(255, 255, 255, .2);
  min-height: 100vh;
  color: #fff;
  background: #020617;
  overflow-x: hidden;
}
.home-page .wrap { width: min(1220px, calc(100% - 64px)); }
.home-page a { color: inherit; }
.home-page .site-header { position: relative; z-index: 10; border: 0; border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(2,6,23,.76); backdrop-filter: blur(20px); }
.home-header .nav { min-height: 76px; }
.home-header .brand { color: #fff; font-size: 1.05rem; letter-spacing: -.025em; }
.home-header .brand span, .home-footer .brand span { color: #e879f9; }
.home-header .nav-links { gap: 28px; color: rgba(255,255,255,.78); }
.home-header .nav-links a { transition: color .3s ease; }
.home-header .nav-links a:hover { color: #fff; }
.home-header .nav-links a.home-nav-cta { display: inline-flex; align-items: center; gap: 12px; padding: 11px 17px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; color: #fff; background: linear-gradient(100deg,rgba(139,92,246,.22),rgba(217,70,239,.16)); }
.home-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 620px; display: flex; align-items: center; background: radial-gradient(ellipse at 76% 34%,rgba(139,92,246,.3),transparent 42%),radial-gradient(ellipse at 14% 100%,rgba(217,70,239,.16),transparent 42%),linear-gradient(115deg,#020617 10%,#111033 56%,#1e0a35 100%); }
.home-hero__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(400px,.98fr); align-items: center; gap: 50px; padding-top: 72px; padding-bottom: 82px; }
.home-hero__copy { max-width: 700px; }
.home-eyebrow { display: flex; align-items: center; gap: 11px; color: #e9d5ff; font-size: .76rem; letter-spacing: .09em; }
.home-eyebrow > span { width: 28px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,#8b5cf6,#e879f9); }
.home-hero h1 { max-width: 760px; margin: 22px 0 20px; color: #fff; font-size: clamp(2.5rem,4.4vw,4.35rem); font-weight: 750; letter-spacing: -.065em; line-height: 1.2; }
.home-hero h1 > span:not(.home-hero__title-first) { color: #e9d5ff; background: linear-gradient(90deg,#c4b5fd,#f0abfc); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.home-hero h1 .home-hero__title-first { color: #fff; white-space: normal; }
.home-hero__title-first > span { display: inline-block; white-space: nowrap; }
.home-hero__copy > p { max-width: 590px; margin: 0; color: rgba(255,255,255,.78); font-size: 1rem; line-height: 1.95; }
.home-hero__actions { gap: 12px; margin-top: 29px; }
.home-hero__actions .btn { min-height: 52px; display: inline-flex; align-items: center; gap: 14px; padding: 12px 21px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; color: #fff; font-weight: 600; transition: all .3s ease; }
.home-hero__actions .btn.primary { background: linear-gradient(100deg,#7c3aed,#c026d3,#7c3aed); background-size: 200% auto; box-shadow: 0 12px 40px rgba(139,92,246,.25); }
.home-hero__actions .btn.primary:hover { background-position: right center; box-shadow: 0 18px 52px rgba(217,70,239,.4); transform: translateY(-2px); }
.home-hero__note { display: flex; align-items: center; gap: 10px; margin-top: 25px; color: rgba(255,255,255,.7); font-size: .84rem; }
.home-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #67e8f9; box-shadow: 0 0 18px rgba(103,232,249,.8); }
.home-hero__visual { position: relative; min-height: 410px; display: grid; place-items: center; isolation: isolate; }
.home-hero__visual-orb { position: absolute; z-index: -2; width: 320px; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(135deg,#8b5cf6,#d946ef 55%,#22d3ee); filter: blur(3rem); opacity: .3; }
.home-hero__visual-ring { position: absolute; z-index: -1; width: 450px; height: 290px; border: 1px solid rgba(216,180,254,.2); border-radius: 50%; transform: rotate(-24deg); }
.home-hero__visual-ring--two { width: 390px; height: 340px; border-color: rgba(103,232,249,.15); transform: rotate(38deg); }
.home-hero__glass { width: min(100%,390px); min-height: 268px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 22px; border: 1px solid rgba(255,255,255,.2); border-radius: 30px; background: rgba(255,255,255,.1); backdrop-filter: blur(24px); box-shadow: 0 28px 90px rgba(139,92,246,.25),inset 0 1px rgba(255,255,255,.12); transform: rotate(2deg); }
.home-hero__glass-label,.home-hero__glass-caption { color: rgba(255,255,255,.72); font-size: .65rem; letter-spacing: .17em; }
.home-hero__glass strong { color: #fff; font-size: clamp(2.7rem,5vw,4.2rem); letter-spacing: -.08em; }
.home-hero__glass strong span { color: #f0abfc; font-size: .56em; }
.home-hero__float { position: absolute; padding: 12px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; color: rgba(255,255,255,.86); background: rgba(255,255,255,.1); backdrop-filter: blur(18px); font-size: .72rem; box-shadow: 0 15px 40px rgba(2,6,23,.25); }
.home-hero__float--top { top: 17%; right: -1%; }.home-hero__float--top b { margin-left: 12px; color: #f0abfc; }.home-hero__float--bottom { bottom: 15%; left: -3%; }
.home-hero__glow { position: absolute; z-index: -1; width: 390px; height: 390px; border-radius: 50%; filter: blur(3rem); opacity: .3; pointer-events: none; }
.home-hero__glow--one { top: -170px; left: -100px; background: #7c3aed; }.home-hero__glow--two { right: -150px; bottom: -250px; background: #d946ef; }
.home-hero__bottom-line { position: absolute; bottom: 0; left: 50%; width: min(1220px,calc(100% - 64px)); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg,transparent,rgba(216,180,254,.5),rgba(103,232,249,.4),transparent); }
.home-page .section { padding: 88px 0 96px; }
.home-catalog { position: relative; background: radial-gradient(ellipse at 80% 20%,rgba(124,58,237,.12),transparent 38%),#020617; }
.home-section-head { align-items: end; margin-bottom: 30px; }
.home-section-head .eyebrow { margin-bottom: 10px; color: #d8b4fe; font-size: .7rem; letter-spacing: .14em; }
.home-section-head h2 { color: #fff; font-size: clamp(1.8rem,3vw,2.5rem); letter-spacing: -.04em; }
.home-section-head p { margin: 9px 0 0; color: rgba(255,255,255,.7); font-size: .93rem; }
.home-text-link { display: inline-flex; align-items: center; gap: 14px; flex: none; padding: 12px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; color: rgba(255,255,255,.9); background: rgba(255,255,255,.06); transition: all .3s ease; }
.home-text-link:hover { border-color: rgba(216,180,254,.55); box-shadow: 0 12px 32px rgba(139,92,246,.2); }.home-text-link span { color: #f0abfc; }
.home-search { position: relative; width: 100%; max-width: none; margin: 0 0 24px; }
.home-search > span:first-child { left: 19px; color: rgba(255,255,255,.78); font-size: .85rem; }
.home-search input { height: 54px; padding: 9px 52px 9px 132px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; color: #fff; background: rgba(255,255,255,.1); backdrop-filter: blur(20px); font-size: .9rem; }
.home-search input::placeholder { color: rgba(255,255,255,.45); }.home-search input:focus { outline: 2px solid rgba(139,92,246,.4); border-color: rgba(167,139,250,.7); }
.home-search__icon { position: absolute; top: 50%; right: 18px; left: auto !important; transform: translateY(-54%); color: #e9d5ff !important; font-size: 1.55rem !important; line-height: 1; }
.home-catalog-grid { width: 100%; max-width: none; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: 190px 190px 190px; gap: 18px; }
.home-catalog-grid .catalog-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 26px; background: rgba(255,255,255,.1); backdrop-filter: blur(20px); box-shadow: 0 18px 50px rgba(76,29,149,.12); transition: transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.home-catalog-grid .catalog-card:hover { transform: translateY(-4px) scale(1.01); border-color: rgba(216,180,254,.7); box-shadow: 0 24px 60px rgba(139,92,246,.3); }
.home-catalog-grid .catalog-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.92); transition: transform .5s ease; }
.home-catalog-grid .catalog-card:hover img { transform: scale(1.045); }
.home-catalog-grid .catalog-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,6,23,.94),rgba(2,6,23,.1) 76%); }
.home-catalog-grid .catalog-card h3 { position:absolute; z-index:1; right:20px; bottom:16px; left:20px; min-height:0; margin:0; padding:0; color:#fff; font-size:1.05rem; font-weight:650; }
.home-game--feature { grid-column: span 7; grid-row: span 2; }
.home-game--feature img { object-position: center; }.home-catalog-grid .home-game--feature::after { background:linear-gradient(0deg,rgba(2,6,23,.96),rgba(2,6,23,.08) 76%),linear-gradient(90deg,rgba(76,29,149,.28),transparent 70%); }
.home-catalog-grid .home-game--feature h3 { bottom:28px; left:28px; font-size:clamp(1.5rem,2.6vw,2.2rem); }.home-game__index { position:absolute; z-index:2; top:25px; left:28px; color:#f5d0fe; font-size:.67rem; letter-spacing:.16em; }.home-game__arrow { position:absolute; z-index:2; right:26px; bottom:27px; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.3); border-radius:15px; color:#fff; background:rgba(255,255,255,.12); backdrop-filter:blur(12px); }
.home-game--apex { grid-column:span 5; }.home-game--valorant { grid-column:span 5; }.home-game--rust,.home-game--bo7,.home-game--wardogs,.home-game--dark,.home-game--arc { grid-column:span 3; }
.home-catalog-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:23px; color:rgba(255,255,255,.65); font-size:.82rem; }.home-catalog-footer a { display:inline-flex; gap:10px; color:#e9d5ff; }.home-catalog-footer a span { color:#f0abfc; }
.home-buy-section { position:relative; overflow:hidden; padding:76px 0 90px; background:radial-gradient(ellipse at 8% 90%,rgba(217,70,239,.14),transparent 36%),linear-gradient(115deg,#090923,#11102e 60%,#1a0b31); }
.home-buy-section .section-head { margin-bottom:38px; }
.home-steps { position:relative; display:grid; grid-template-columns:1.35fr 1fr 1fr 1fr; gap:14px; align-items:stretch; }
.home-step { position:relative; min-width:0; min-height:190px; padding:23px; border:1px solid rgba(255,255,255,.2); border-radius:26px; background:rgba(255,255,255,.1); backdrop-filter:blur(22px); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.home-step:hover { transform:translateY(-4px); border-color:rgba(216,180,254,.6); box-shadow:0 20px 48px rgba(139,92,246,.25); }
.home-step--lead { min-height:230px; padding:28px; background:linear-gradient(135deg,rgba(139,92,246,.38),rgba(217,70,239,.2) 60%,rgba(255,255,255,.1)); }
.home-step__number { display:block; margin-bottom:14px; color:#e9d5ff; font-size:.7rem; letter-spacing:.12em; }
.home-step__icon { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:16px; color:#f5d0fe; background:rgba(255,255,255,.1); font-size:1.25rem; }
.home-step h3 { margin:17px 0 5px; color:#fff; font-size:1rem; font-weight:650; }.home-step p { margin:0; color:rgba(255,255,255,.73); font-size:.84rem; line-height:1.7; }
.home-footer { margin-top:0; padding:42px 0 82px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.75); background:#020617; }
.home-footer .brand { color:#fff; }.home-footer .footer-grid { gap:36px; }.home-footer strong { color:#fff; }.home-footer a:hover { color:#e9d5ff; }
.home-page .bottom-nav { border-top:1px solid rgba(255,255,255,.2); background:rgba(2,6,23,.94); backdrop-filter:blur(18px); }
.home-page .menu { color:#fff; }
.home-page :focus-visible { outline:2px solid #c4b5fd; outline-offset:4px; }
@media (max-width:1000px) {
  .home-hero__inner { grid-template-columns:minmax(0,1fr) minmax(320px,.85fr); gap:20px; }.home-hero__visual-ring { width:370px; }
  .home-catalog-grid { grid-template-rows:170px 170px 170px; gap:14px; }.home-step { padding:20px; }
}
@media (max-width:760px) {
  .home-page .wrap { width:min(1220px,calc(100% - 36px)); }.home-header .nav { min-height:64px; }
  .home-header .nav-links { top:64px; gap:2px; border:1px solid rgba(255,255,255,.2); border-radius:0 0 20px 20px; background:rgba(2,6,23,.96); backdrop-filter:blur(20px); }
  .home-header .nav-links a { padding:10px 8px; }.home-header .nav-links a.home-nav-cta { justify-content:center; margin-top:5px; }
  .home-hero { min-height:0; }.home-hero__inner { grid-template-columns:1fr; gap:16px; padding-top:65px; padding-bottom:55px; }
  .home-hero__copy { position:relative; z-index:2; }.home-hero h1 { margin-top:20px; font-size:clamp(2rem,7vw,3.25rem); }
  .home-hero__copy > p { max-width:560px; font-size:.94rem; }.home-hero__visual { position:absolute; z-index:0; top:50px; right:-120px; width:350px; min-height:340px; opacity:.36; pointer-events:none; }
  .home-hero__glass { min-height:220px; }.home-hero__float { display:none; }.home-page .section { padding:60px 0 68px; }
  .home-section-head { align-items:flex-start; gap:18px; }.home-section-head p { max-width:460px; font-size:.86rem; }
  .home-catalog-grid { grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:150px 135px 135px 135px; gap:11px; }
  .home-game--feature { grid-column:span 6; grid-row:span 2; }.home-game--apex,.home-game--valorant { grid-column:span 3; }.home-game--rust,.home-game--bo7,.home-game--wardogs,.home-game--dark,.home-game--arc { grid-column:span 2; }
  .home-catalog-grid .catalog-card { border-radius:21px; }.home-catalog-grid .catalog-card h3 { right:12px; bottom:12px; left:12px; font-size:.82rem; }.home-catalog-grid .home-game--feature h3 { bottom:20px; left:20px; font-size:1.5rem; }.home-game__index { top:17px; left:20px; font-size:.58rem; }.home-game__arrow { right:17px; bottom:17px; width:36px; height:36px; }
  .home-search input { padding-left:120px; }.home-catalog-footer { align-items:flex-start; flex-direction:column; gap:10px; }
  .home-buy-section { padding:60px 0 68px; }.home-steps { grid-template-columns:1fr 1fr; gap:11px; }.home-step,.home-step--lead { min-height:175px; padding:19px; }
}
@media (max-width:480px) {
  .home-page .wrap { width:calc(100% - 30px); }.home-hero__inner { padding-top:56px; }.home-hero h1 { font-size:clamp(2rem,9vw,2.8rem); letter-spacing:-.06em; }
  .home-hero__copy > p { font-size:.9rem; }.home-hero__visual { right:-170px; opacity:.3; }.home-hero__actions { display:grid; grid-template-columns:1fr; }.home-hero__actions .btn { justify-content:center; width:100%; }
  .home-section-head { flex-direction:column; gap:13px; }.home-section-head h2 { font-size:1.75rem; }.home-text-link { padding:10px 13px; }
  .home-catalog-grid { grid-template-rows:145px 116px 116px 116px 116px; gap:9px; }.home-game--feature { grid-row:span 2; }.home-game--apex,.home-game--valorant,.home-game--rust,.home-game--bo7 { grid-column:span 3; }.home-game--wardogs,.home-game--dark,.home-game--arc { grid-column:span 2; }
  .home-catalog-grid .catalog-card { border-radius:18px; }.home-catalog-grid .catalog-card h3 { font-size:.76rem; }.home-catalog-grid .home-game--feature h3 { font-size:1.35rem; }
  .home-search input { padding-left:112px; }.home-steps { grid-template-columns:1fr; }.home-step,.home-step--lead { min-height:0; display:grid; grid-template-columns:48px 1fr; column-gap:15px; align-items:center; padding:17px; }
  .home-step__number { grid-column:2; align-self:end; margin:0; }.home-step__icon { grid-column:1; grid-row:1/span 3; }.home-step h3 { grid-column:2; margin:0; }.home-step p { grid-column:2; }
}
@media (prefers-reduced-motion:reduce) { .home-page *, .home-page *::before, .home-page *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }