*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#08090d;color:white}.navbar{height:75px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background:rgba(8,9,13,.9);border-bottom:1px solid #20222b;backdrop-filter:blur(15px)}.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo span{color:#7c5cff}nav{display:flex;gap:28px}nav a{color:#a7a8b3;text-decoration:none;font-weight:bold}nav a:hover{color:white}.profile-btn,.small-btn,.secondary-btn{background:#171923;color:white;border:1px solid #30323e;padding:12px 18px;border-radius:10px;font-weight:bold;cursor:pointer}.hero{min-height:650px;padding:100px 8%;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#4c32b844,transparent 30%),radial-gradient(circle at 20% 80%,#1877ff22,transparent 30%),#08090d}.hero::after{content:"";position:absolute;width:500px;height:500px;right:-150px;bottom:-250px;border-radius:50%;background:#7c5cff22;filter:blur(80px)}.hero-content{max-width:750px;position:relative;z-index:2}.eyebrow{color:#8d7aff;font-size:13px;font-weight:900;letter-spacing:2px;margin-bottom:15px}.hero h1{font-size:clamp(60px,10vw,125px);line-height:.82;letter-spacing:-7px;font-weight:1000}.hero h1 span{color:#7c5cff}.hero-text{color:#a8a9b4;font-size:18px;line-height:1.6;max-width:600px;margin:30px 0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.primary-btn{border:none;background:#7c5cff;color:white;padding:15px 23px;border-radius:12px;font-size:15px;font-weight:900;cursor:pointer}.primary-btn:hover{background:#9075ff;transform:translateY(-2px)}.secondary-btn:hover,.profile-btn:hover,.small-btn:hover{background:#232532}.section{padding:80px 7%}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}h2{font-size:38px;letter-spacing:-2px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{overflow:hidden;border-radius:17px;background:#11131b;border:1px solid #242632;transition:.2s}.game-card:hover{transform:translateY(-5px);border-color:#514b78}.game-image{height:210px;display:grid;place-items:center;font-size:70px;background:radial-gradient(circle,#653cff44,transparent 45%),linear-gradient(135deg,#161b2b,#08090d)}.game-image.purple{background:linear-gradient(135deg,#351c52,#11111b)}.game-image.blue{background:linear-gradient(135deg,#123b60,#10121a)}.game-image.orange{background:linear-gradient(135deg,#633517,#111218)}.game-info{padding:18px}.game-info h3{font-size:20px}.game-info p{color:#858794;font-size:13px;margin:7px 0 15px}.play-card{width:100%;padding:11px;border:0;border-radius:9px;background:#242633;color:white;font-weight:900;cursor:pointer}.play-card:hover{background:#7c5cff}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.category{min-height:130px;border:1px solid #242632;border-radius:15px;background:#11131b;color:white;font-size:35px;cursor:pointer}.category span{display:block;font-size:12px;font-weight:900;margin-top:10px}.category:hover{border-color:#7c5cff;background:#171522}.cta{margin:30px 7% 90px;padding:45px;border-radius:25px;border:1px solid #2d2b3d;background:linear-gradient(110deg,#171329,#101117);display:flex;justify-content:space-between;align-items:center;gap:25px}.cta p:not(.eyebrow){color:#999aa6;margin-top:10px}footer{padding:40px 7%;border-top:1px solid #20222b;color:#777986}footer p{margin-top:10px}.modal{display:none;position:fixed;inset:0;z-index:200;background:#000b;place-items:center;padding:20px}.modal.show{display:grid}.modal-box{width:min(500px,100%);background:#11131b;border:1px solid #30323e;border-radius:20px;padding:35px;position:relative}.close{position:absolute;right:18px;top:12px;border:0;background:transparent;color:white;font-size:30px;cursor:pointer}@media(max-width:900px){nav{display:none}.game-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:550px){.game-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:70px 6%}.hero h1{letter-spacing:-4px}}