.hero{text-align:center;background:#372061 url("/images/site/Quantum Purple Background.png") 50%/cover no-repeat;margin-bottom:3rem;padding:4rem 0}.hero h1{color:#cca453;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:3rem;display:flex}.tagline{color:#ccc;margin-bottom:1.5rem;font-size:1.25rem}.intro{color:#ccc;max-width:600px;margin:0 auto;font-size:1.1rem}.games-section{margin-bottom:4rem}.games-section h2{text-align:center;margin-bottom:2rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.game-card{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.game-card:hover{border-color:#cca453;transform:translateY(-4px);box-shadow:0 8px 24px #cca45326}.game-banner{color:#fff;text-align:center;justify-content:center;align-items:flex-end;min-height:160px;display:flex;position:relative;overflow:hidden}.game-banner img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.game-banner h3{color:#fff;z-index:1;background:linear-gradient(#0000,#000000b3);width:100%;margin:0;padding:1rem;position:relative}.game-info{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;display:flex}.game-info p{color:#ccc;flex-grow:1;margin-bottom:1rem}.cta{color:#cca453;font-weight:600;display:inline-block}.game-card:hover .cta{text-decoration:underline}.changelog-section{background-color:#1a1a1a;border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:3rem;padding:3rem 0}.changelog-section h2{text-align:center;margin-bottom:2rem}.changelog{max-width:600px;margin:0 auto}.changelog-item{border-bottom:1px solid #333;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.changelog-item:last-child{border-bottom:none}.date{color:#cca453;text-align:right;min-width:120px;font-size:.9rem;font-weight:600}.change h4{color:#fff;margin-bottom:.5rem}.change p{color:#ccc;font-size:.95rem}.email-section{text-align:center;padding:3rem 0}.email-section h2{margin-bottom:.5rem}.email-section>div>p{color:#ccc;margin-bottom:2rem}.email-container{max-width:400px}.email-form{flex-direction:column;gap:.5rem;display:flex}.email-form input{margin-bottom:0}.email-form button{width:100%}@media (max-width:768px){.hero h1{font-size:2rem}.tagline{font-size:1rem}.games-grid{grid-template-columns:1fr}.changelog-item{flex-direction:column;gap:.5rem}.date{text-align:left}}