*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#08080b;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px 7%;background:rgba(8,8,11,.93);border-bottom:1px solid #25252d;backdrop-filter:blur(12px)}
.logo{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.05em}.logo span{display:block;color:#9d7cff;font-size:.58rem;letter-spacing:.38em}
nav{display:flex;gap:30px}nav a{color:#aaa;text-decoration:none}nav a:hover{color:#fff}
.hero{min-height:82vh;padding:10vh 7%;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,#251d39 0,#08080b 45%)}
.hero-content{position:relative;z-index:2}.eyebrow{color:#888;font-size:.72rem;font-weight:800;letter-spacing:.24em;margin:0 0 14px}
h1{font-size:clamp(4rem,11vw,9rem);line-height:.82;letter-spacing:-.07em;margin:0 0 32px}h1 span{color:#a281ff}
.lead{max-width:570px;color:#a4a4ad;font-size:1.08rem}.button{display:inline-block;margin-top:18px;padding:14px 22px;background:#f5f5f5;color:#08080b;text-decoration:none;font-weight:900;font-size:.8rem;letter-spacing:.08em}.button:hover{transform:translateY(-2px)}
.glow{position:absolute;width:420px;height:420px;right:8%;top:22%;border-radius:50%;background:#8b65ff;filter:blur(150px);opacity:.16}
.section{padding:105px 7%;border-top:1px solid #202027}h2{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:0 0 40px}
.game-card{display:grid;grid-template-columns:1.2fr 1fr;min-height:390px;border:1px solid #292930;background:#111116}.game-art{display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#16121e,#272036);font-size:clamp(2rem,5vw,4.5rem);font-weight:900;line-height:.88;letter-spacing:-.06em}
.game-info{padding:55px;align-self:center}.game-info h3{font-size:2.2rem;margin:8px 0 15px}.game-info p:not(.eyebrow),.copy,.contact>p:not(.eyebrow){color:#999;max-width:560px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact{text-align:center}.contact>p:not(.eyebrow){margin:0 auto}
footer{display:flex;justify-content:space-between;padding:30px 7%;color:#5f5f68;font-size:.7rem;letter-spacing:.14em}
@media(max-width:700px){header{padding:18px 5%}nav{gap:14px;font-size:.8rem}.hero,.section{padding-left:5%;padding-right:5%}.game-card,.about{grid-template-columns:1fr}.game-info{padding:35px}footer{padding:25px 5%;flex-direction:column;gap:8px}}