*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#0a0e27;color:#fff;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.top-nav{background:linear-gradient(135deg,#1a1f3a 0%,#2d1b4e 100%);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px rgba(138,43,226,0.3)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{height:50px}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:600;transition:color 0.3s}.nav-links a:hover{color:#ff6ec7}.btn-play{background:linear-gradient(135deg,#ff6ec7 0%,#a855f7 100%);color:#fff;padding:0.7rem 2rem;border-radius:25px;text-decoration:none;font-weight:700;transition:transform 0.3s}.btn-play:hover{transform:scale(1.05)}.hero-demo{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,0.9) 0%,rgba(236,72,153,0.9) 100%)}.hero-text{position:relative;z-index:1;text-align:center;max-width:900px;padding:2rem}.hero-text h1{font-size:3.5rem;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(255,110,199,0.8)}.hero-text p{font-size:1.2rem;margin-bottom:2rem;line-height:1.8}.hero-btn{display:inline-block;background:#fff;color:#a855f7;padding:1.2rem 3rem;border-radius:50px;text-decoration:none;font-weight:800;font-size:1.3rem;box-shadow:0 10px 40px rgba(255,255,255,0.3);transition:all 0.3s}.hero-btn:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(255,255,255,0.5)}section{padding:5rem 0}h2{font-size:2.8rem;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#ff6ec7 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{text-align:center;font-size:1.1rem;margin-bottom:3rem;color:#cbd5e1}.games-section{background:linear-gradient(180deg,#0a0e27 0%,#1a1f3a 100%)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.game-card{background:linear-gradient(135deg,#1e293b 0%,#2d1b4e 100%);border-radius:20px;padding:2rem;border:2px solid rgba(168,85,247,0.3);transition:all 0.3s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-10px);border-color:#a855f7;box-shadow:0 20px 60px rgba(168,85,247,0.4)}.game-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:0.3rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:700}.game-card h3{font-size:1.8rem;margin-bottom:1rem;color:#ff6ec7}.game-card p{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.7}.game-btn{display:block;background:linear-gradient(135deg,#a855f7 0%,#ff6ec7 100%);color:#fff;padding:0.8rem;border-radius:15px;text-align:center;text-decoration:none;font-weight:700;transition:all 0.3s}.game-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(168,85,247,0.5)}.full-img{width:100%;border-radius:20px;margin:2rem 0;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.demo-features{background:linear-gradient(135deg,#1a1f3a 0%,#2d1b4e 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature{background:rgba(255,255,255,0.05);padding:2rem;border-radius:15px;border-left:4px solid #a855f7;transition:all 0.3s}.feature:hover{background:rgba(255,255,255,0.1);transform:translateX(10px)}.icon{font-size:3rem;margin-bottom:1rem}.feature h3{color:#ff6ec7;margin-bottom:0.5rem;font-size:1.5rem}.about-pgsoft{background:#0a0e27}.about-pgsoft p{font-size:1.1rem;margin-bottom:1.5rem;text-align:justify;line-height:1.9;color:#cbd5e1}.how-to-play{background:linear-gradient(135deg,#2d1b4e 0%,#1a1f3a 100%)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.step{text-align:center;padding:2rem;background:rgba(255,255,255,0.05);border-radius:15px}.step-num{display:inline-block;width:60px;height:60px;background:linear-gradient(135deg,#a855f7 0%,#ff6ec7 100%);border-radius:50%;line-height:60px;font-size:2rem;font-weight:800;margin-bottom:1rem}.step h3{color:#ff6ec7;margin:1rem 0}.faq-section{background:#0a0e27}.faq{background:rgba(255,255,255,0.05);padding:1.5rem;margin-bottom:1.5rem;border-radius:10px;border-left:4px solid #a855f7}.faq h3{color:#ff6ec7;margin-bottom:0.5rem}.faq p{color:#cbd5e1}.cta-bottom{background:linear-gradient(135deg,#a855f7 0%,#ff6ec7 100%);text-align:center}.cta-bottom h2{color:#fff;-webkit-text-fill-color:unset}.cta-bottom p{font-size:1.2rem;margin-bottom:2rem}.cta-btn{display:inline-block;background:#fff;color:#a855f7;padding:1.2rem 3rem;border-radius:50px;text-decoration:none;font-weight:800;font-size:1.3rem;transition:all 0.3s}.cta-btn:hover{transform:scale(1.1);box-shadow:0 15px 50px rgba(255,255,255,0.4)}footer{background:#0a0e27;padding:3rem 0;text-align:center;border-top:2px solid rgba(168,85,247,0.3)}footer p{margin:0.5rem 0;color:#94a3b8}@media (max-width:768px){.hero-text h1{font-size:2rem}h2{font-size:2rem}.nav-links{display:none}}