.app-promo{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-black);color:var(--color-cream);isolation:isolate}.app-promo__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.55}.app-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#0a0a0cf2,#0a0a0cbf 55%,color-mix(in srgb,var(--accent) 35%,transparent))}.app-promo__inner{display:flex;align-items:center;gap:28px;padding:44px 48px}.app-promo--compact .app-promo__inner{padding:28px 32px}.app-promo__icon{flex:0 0 auto;width:88px;height:88px;object-fit:contain;border-radius:20px;background:#ffffff0f;padding:10px}.app-promo__body{flex:1;min-width:0}.app-promo__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 50%,var(--color-cream))}.app-promo__title{margin-block:6px 8px;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1}.app-promo__text{max-width:56ch;margin:0;opacity:.8}.app-promo__cta{flex:0 0 auto;background:var(--color-cream);color:var(--color-black)}@media (max-width: 760px){.app-promo__inner{flex-direction:column;align-items:flex-start;padding:32px 24px}}.app-hub{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch}.app-hub__list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.app-hub__item{display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.app-hub__item:hover{border-color:var(--color-line-strong);transform:translateY(-2px)}.app-hub__item .app-hub__icon{width:56px;height:56px;object-fit:contain}.app-hub__item strong{display:block;font-size:1.1rem}.app-hub__item span{color:var(--color-muted);font-size:.9rem}.app-hub__item svg{margin-left:auto;flex:0 0 auto}@media (max-width: 900px){.app-hub{grid-template-columns:1fr}}.app-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none}.app-features li{padding:22px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white)}.app-features strong{display:block;margin-bottom:6px;color:var(--accent)}.app-features p{margin:0;color:var(--color-muted)}.game-recommend{display:grid;gap:20px;margin-block:56px 80px}.app-hub .app-promo__inner{flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.app-hub__list li{display:flex}.app-hub__item{flex:1}.app-promo--glow:before{background:linear-gradient(90deg,rgb(6 7 8 / calc(var(--shade) + .25)),rgb(6 7 8 / var(--shade)) 60%,rgb(6 7 8 / calc(var(--shade) - .15)))}.app-promo--glow .app-promo__art{opacity:1}.app-promo--glow .app-promo__eyebrow{color:var(--glow-b)}.app-promo--glow .app-promo__icon{background:#ffffff0f}.app-promo--glow .app-promo__cta{background:var(--glow-b);color:#111}.app-hub__item[style]{position:relative;overflow:hidden;isolation:isolate;border-color:#ffffff0f;background:#0b0c0d;color:var(--color-cream)}.app-hub__item .app-hub__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.app-hub__item[style]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgb(6 7 8 / calc(var(--shade) + .3)),rgb(6 7 8 / var(--shade)))}.app-hub__item[style]:hover{border-color:color-mix(in srgb,var(--glow-b) 60%,transparent)}.app-hub__item[style]:hover .app-hub__bg{transform:scale(1.04)}.app-hub__item[style] span{color:var(--glow-b);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}