.games-page{min-height:100vh}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a3a 40%,#2d1b69 60%,#2ebd90);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(74,85,104,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(46,189,144,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(15,15,35,.3) 0%,transparent 50%);z-index:1}.hero:after{content:"";position:absolute;inset:-120px;background-image:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.03) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,255,255,.03) 50%,transparent 52%);background-size:60px 60px;z-index:2;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0) translateY(0)}to{transform:translate(60px) translateY(60px)}}.hero__content{position:relative;z-index:3;padding:2rem}.hero__title{font-size:clamp(2.5rem,8vw,6rem);font-weight:900;color:var(--color-white);text-transform:uppercase;font-family:var(--font-bahnschrift);line-height:.9;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;position:relative}.hero__scroll-arrow{position:absolute;bottom:20vh;left:50%;transform:translate(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);z-index:4;animation:float 3s ease-in-out infinite;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none}.hero__scroll-arrow:hover{background:#fff3;border-color:#ffffff80;transform:translate(-50%) translateY(-5px)}.hero__scroll-arrow:active{transform:translate(-50%) translateY(-2px) scale(.95)}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.hero__scroll-arrow svg{pointer-events:none}.hero__title:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,rgba(255,255,255,.05) 0%,transparent 70%);z-index:-1}.games-container{margin:0 auto;display:flex;flex-direction:column}.game-card{overflow:hidden;position:relative;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.game-card:nth-child(1){background:linear-gradient(to bottom,#db16b1,#2ebd90)}.game-card:nth-child(2){background:linear-gradient(to bottom,#004990,#ee59ff)}.game-card:nth-child(3){background:linear-gradient(to bottom,#143ea9,#da57ff)}.game-card__bg-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000004d,#0000001a);z-index:2}.game-card__phone,.game-card__content{position:relative;z-index:3}.game-card__phone{margin-bottom:2rem}.game-card__phone-image{max-width:280px;width:100%;height:auto;border-radius:25px}.game-card__content{text-align:center;color:var(--color-white);max-width:600px}.game-card__title{font-size:2.5rem;font-weight:900;margin:0 0 .5rem;font-family:var(--font-bahnschrift);text-transform:uppercase;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.game-card__subtitle{font-size:1.5rem;font-weight:600;margin:0 0 1rem;opacity:.9;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.game-card__description{font-size:1rem;line-height:1.6;margin:0 0 1.5rem;opacity:.8;display:none;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.game-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.game-card__tag{background:#fff3;color:var(--color-white);padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.game-card__button{display:flex;justify-content:center}.app-store-button{height:60px;width:auto;cursor:pointer;transition:transform .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.app-store-button:hover{transform:scale(1.05)}.testflight-badge{height:8vh;width:auto;cursor:pointer;transition:transform .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.testflight-badge:hover{transform:scale(1.05)}@media (min-width: 768px){.hero{min-height:90vh}.hero__content{padding:3rem}.hero__title{line-height:.85}.hero__scroll-arrow{width:50px;height:50px;bottom:10vh}.game-card{min-height:500px;flex-direction:row;align-items:center;justify-content:space-between;padding:3rem;gap:3rem}.game-card__phone{margin-bottom:0;flex-shrink:0}.game-card__phone-image{max-width:320px}.game-card__content{text-align:left;flex:1}.game-card__description{display:block}.game-card__tags,.game-card__button{justify-content:flex-start}}@media (min-width: 1024px){.hero{min-height:80vh}.hero__content{padding:4rem}.hero__title{line-height:.8}.hero__scroll-arrow{width:70px;height:70px;bottom:5vh}.game-card{min-height:600px;flex-direction:row;align-items:center;justify-content:center;padding:4rem;gap:min(8vw,6rem)}.game-card:nth-child(2n){flex-direction:row-reverse}.game-card__phone{margin-bottom:0;flex-shrink:0}.game-card__phone-image{max-width:380px}.game-card__content{text-align:left;flex:1}.game-card:nth-child(2n) .game-card__content{text-align:right}.game-card__title{font-size:2.5rem}.game-card__subtitle{font-size:1.4rem}.game-card__description{font-size:1rem;display:block}.game-card__tags{justify-content:flex-start}.game-card:nth-child(2n) .game-card__tags{justify-content:flex-end}.game-card__button{justify-content:flex-start}.game-card:nth-child(2n) .game-card__button{justify-content:flex-end}}.cta-banner{background:#ec509e;position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.cta-banner__bg-image{position:absolute;inset:0;background-image:url(/global/Pink_Arrow_BG.png);opacity:.5;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.cta-banner:before{content:"";position:absolute;inset:0;background:#0000001a;z-index:2}.cta-banner__content{position:relative;z-index:3;text-align:center;max-width:800px}.cta-banner__title{font-size:2.5rem;font-weight:900;color:var(--color-white);margin:0 0 2rem;font-family:var(--font-bahnschrift);text-transform:uppercase;line-height:1.1;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.cta-banner__button{display:inline-block;background:var(--color-white);color:#ec509e;padding:1rem 2.5rem;border-radius:0;font-size:1.1rem;font-weight:700;text-decoration:none;text-transform:uppercase;font-family:var(--font-bahnschrift);letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 16px #0003}.cta-banner__button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000004d;background:#f8f8f8}@media (min-width: 768px){.cta-banner{min-height:500px;padding:4rem 3rem}.cta-banner__title{font-size:3.5rem}.cta-banner__button{font-size:1.2rem;padding:1.25rem 3rem}}@media (min-width: 1024px){.cta-banner{min-height:600px;padding:5rem 4rem}.cta-banner__title{font-size:4rem}}