.hub-page{background:var(--bg-dark);min-height:100vh}.hub-hero{position:relative;padding-block:6rem 8rem;overflow:hidden;text-align:center}.hub-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.15) 0,transparent 70%);z-index:0}.hub-hero-bg:before{content:"";position:absolute;top:-20%;left:-10%;width:40%;height:60%;background:radial-gradient(ellipse,rgba(59,130,246,.1) 0,transparent 70%);animation:float 20s ease-in-out infinite alternate}.hub-hero-content{position:relative;z-index:1;max-width:42rem;margin-inline:auto}.hub-title{font-size:clamp(3rem,10vw,5rem);letter-spacing:-.04em;line-height:1.1;background:linear-gradient(180deg,#fff 30%,#a1a1aa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.hub-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:32rem;margin-inline:auto}.hub-games{padding-bottom:8rem}.section-title{font-size:2rem;margin-bottom:3rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--gradient-cta);border-radius:2px}.game-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.game-grid{grid-template-columns:repeat(2,1fr)}}.game-card-link{display:block;text-decoration:none}.game-card{height:100%;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0;background:var(--card-gradient);opacity:0;transition:opacity .4s;z-index:0}.game-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--card-accent);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 20px rgba(var(--card-primary),.1)}.game-card:hover:before{opacity:.05}.game-card-visual{height:240px;background:rgba(0,0,0,.4);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden}.game-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}.game-card:hover .game-card-image{transform:scale(1.1)}.game-card-content{position:relative;z-index:1}.game-card-title{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.game-card-tagline{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.game-card-footer{margin-top:auto}.view-more{font-weight:600;color:var(--card-accent);font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:gap .2s}.game-card:hover .view-more{gap:.75rem}.game-page{--theme-primary:var(--primary,var(--accent-purple));--theme-primary-rgb:var(--primaryRgb,168,85,247);--theme-secondary:var(--secondary,var(--accent-magenta));--theme-secondary-rgb:var(--secondaryRgb,236,72,153);--theme-gradient:var(--gradient,var(--gradient-hero));--theme-accent:var(--accent,var(--accent-cyan))}.game-page .hero-bg{background:radial-gradient(circle at 50% 10%,var(--theme-primary),transparent 100%);opacity:.8;filter:blur(160px);transform:scale(1.8)}.game-page .hero-tagline{color:var(--theme-accent);text-shadow:0 0 20px rgba(var(--theme-accent),.3)}.game-page .cta-button,.game-page .hero-cta{background:var(--theme-gradient);border:none}.game-page .feature-card:hover{border-color:var(--theme-accent);box-shadow:0 0 30px rgba(var(--theme-primary),.2)}.game-page .feature-dot{background:var(--theme-gradient)}.game-page .why-play-icon{color:var(--theme-accent)}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(5%,10%) rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}:root{--bg-dark:#0a0a0b;--bg-card:hsla(0,0%,100%,.05);--bg-card-hover:hsla(0,0%,100%,.08);--accent-purple:#a855f7;--accent-magenta:#ec4899;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--text-primary:#fff;--text-muted:#94a3b8;--gradient-hero:linear-gradient(135deg,#0a0a0b,#1e1b4b 50%,#0f172a);--gradient-cta:linear-gradient(135deg,#6366f1,#a855f7);--radius:0.75rem;--radius-lg:1.25rem;--font-sans:"Inter",system-ui,sans-serif;--font-display:"Lexend",system-ui,sans-serif}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.hero{position:relative;min-height:85vh;display:flex;align-items:center;padding-block:10rem;overflow:hidden;background:#0a0a0b;background:radial-gradient(circle at 50% -20%,rgba(var(--theme-primary-rgb),.35),#0a0a0b 85%)}.hero-bg{position:absolute;inset:0;z-index:0}.hero-inner{position:relative;z-index:1;text-align:center;max-width:40rem;margin-inline:auto}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);letter-spacing:-.02em;color:#fff;margin-bottom:.75rem}.hero-tagline{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.hero-desc{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem}.hero-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;color:#fff;font-weight:600;border-radius:99px;transition:all .3s}.hero-cta:hover{transform:scale(1.05);filter:brightness(1.1);box-shadow:0 10px 30px rgba(0,0,0,.3)}.features{padding-block:8rem;background:radial-gradient(circle at 50% 0,hsla(0,0%,100%,.03) 0,transparent 70%)}.features-heading{font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:5rem}.features-grid{list-style:none;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:1024px){.features-grid.features-count-4{grid-template-columns:repeat(4,1fr)}.features-grid.features-count-6{grid-template-columns:repeat(3,1fr)}}.feature-card{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-lg);padding:2.5rem 2rem;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-12px);border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);box-shadow:0 20px 40px rgba(0,0,0,.4)}.feature-icon-wrapper{margin-bottom:2rem;position:relative;display:inline-flex}.feature-dot{width:14px;height:14px;background:var(--theme-gradient);width:12px;height:12px;border-radius:50%;margin-bottom:1.5rem}.feature-title{font-size:1.25rem;margin-bottom:.75rem}.feature-desc{color:var(--text-muted)}.screenshots{padding-block:6rem;background:hsla(0,0%,100%,.02)}.screenshots-heading{font-size:2.25rem;text-align:center;margin-bottom:3.5rem}.screenshots-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.screenshot-img{width:100%;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.1)}.why-play{padding-block:6rem}.why-play-heading{font-size:2.25rem;text-align:center;margin-bottom:3rem}.why-play-list{max-width:40rem;margin-inline:auto;list-style:none}.why-play-item{display:flex;align-items:center;gap:1.25rem;padding-block:1.25rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.why-play-icon{font-size:1.5rem}.cta-section{padding-block:6rem}.cta-box{text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.05)}.cta-title{font-size:2.5rem;margin-bottom:1rem}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;color:#fff;font-weight:700;border-radius:99px;transition:all .3s}.footer{padding-block:4rem;border-top:1px solid hsla(0,0%,100%,.05);text-align:center}.footer-nav{display:flex;justify-content:center;gap:2rem;margin-block:1.5rem}.footer-nav a{opacity:.7;transition:opacity .2s}.footer-nav a:hover{opacity:1}.footer-copy{opacity:.5;font-size:.9rem}