*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#0a0c10;color:#e2e8f0;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.05);background-color:#0a0c10;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0c10d9}.logo{font-size:1.9rem;font-weight:800;background:linear-gradient(120deg,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif}.nav-links{display:flex;gap:2.5rem;font-weight:500;color:#a0aec0}.nav-links a{text-decoration:none;color:inherit;transition:color .2s;font-size:1rem}.nav-links a:hover{color:#c084fc}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 0 6rem;max-width:900px;margin:0 auto}.hero-content h1{font-size:4rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#cbd5e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif}.hero-content .brand-highlight{background:linear-gradient(145deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.hero-sub{font-size:1.5rem;color:#b0c0d0;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400;font-style:italic;border-bottom:1px dashed #334155;padding-bottom:2rem}.hero-sub .smart-text{color:#f0b6fe;font-weight:600;background:linear-gradient(145deg,#c084fc,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal}.hero-humor{font-size:1.1rem;color:#7f8ea3;margin-top:-.5rem;margin-bottom:2.5rem;background:#ffffff05;padding:.6rem 2rem;border-radius:60px;border:1px solid #2a3748;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:inline-block}.hero-humor i{color:#f6ad55;margin-right:.4rem}.explore-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(145deg,#1e293b,#0f172a);color:#fff;font-weight:600;font-size:1.25rem;padding:1.1rem 3.5rem;border-radius:60px;border:1px solid rgba(255,255,255,.08);cursor:pointer;box-shadow:0 20px 30px -15px #000c,0 0 0 1px #ffffff05 inset;transition:all .25s ease;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:.8rem}.explore-btn i{font-size:1.2rem;transition:transform .2s}.explore-btn:hover{background:linear-gradient(145deg,#2d3b4f,#1a2535);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 28px 35px -12px #000d,0 0 0 1px #ffffff1a inset}.explore-btn:hover i{transform:translate(6px)}.games-section{padding:4rem 0 5rem;scroll-margin-top:80px}.section-title{font-size:2.8rem;font-weight:700;text-align:center;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.section-title span{background:linear-gradient(145deg,#818cf8,#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subhead{text-align:center;color:#7f8ea3;font-size:1.2rem;margin-bottom:3.5rem;max-width:600px;margin-left:auto;margin-right:auto;border-bottom:1px solid #1e293b;padding-bottom:1.2rem}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.game-card{background:#121923e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.03);border-radius:36px;padding:2rem 1.5rem;box-shadow:0 25px 35px -15px #000,0 0 0 1px #ffffff05 inset;transition:all .25s ease;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-8px);border-color:#ffffff1a;box-shadow:0 30px 45px -12px #000,0 0 0 1px #ffffff0f inset;background:#16202df2}.card-img{width:100%;aspect-ratio:1 / 1;background:linear-gradient(145deg,#1f2a3c,#0f1722);border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:4.2rem;margin-bottom:1.8rem;border:1px solid rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px #ffffff05,0 12px 18px -10px #000;color:#e0d6ff}.game-card h3{font-size:1.8rem;font-weight:700;margin-bottom:.65rem;background:linear-gradient(to bottom,#f1f5f9,#b9c2d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px;font-family:Space Grotesk,sans-serif}.game-card p{color:#9aa9bb;margin-bottom:2rem;flex:1;font-size:1rem;line-height:1.6}.game-btn{background:#00000059;border:1px solid rgba(255,255,255,.06);color:#d8e0f0;font-weight:600;padding:.9rem 1rem;border-radius:60px;cursor:pointer;transition:all .2s;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;margin-top:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%}.game-btn i{font-size:.95rem;transition:transform .2s;color:#a78bfa}.game-btn:hover{background:#2d3b50;border-color:#a78bfa80;color:#fff}.game-btn:hover i{transform:translate(6px);color:#f0abfc}.footer{background:#05070a;color:#5f6c80;padding:2.5rem 0;margin-top:2rem;border-top:1px solid #1e293b}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.6rem}.footer .logo-footer{font-size:1.8rem;font-weight:700;background:linear-gradient(145deg,#818cf8,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.copyright{display:flex;align-items:center;gap:.4rem;font-size:1rem;color:#6d7b90}.copyright i{font-size:.9rem;color:#7f8ea3}@media(max-width:950px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero-content h1{font-size:3rem}.hero-sub{font-size:1.25rem}.hero-humor{font-size:1rem;padding:.5rem 1.2rem}.games-grid{grid-template-columns:1fr}.navbar{flex-direction:column;gap:.8rem}.nav-links{gap:1.8rem}}.game-card{animation:cardFade .4s ease backwards}@keyframes cardFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}