*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0e10;--bg-card: #161618;--bg-card-hover: #1c1c1f;--text: #f0f0f0;--text-muted: #7a7a85;--accent: #c8b4ff;--accent-dim: rgba(200, 180, 255, .15);--border: #26262a}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text);text-decoration:none}a:hover{opacity:.8}.site{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;margin:0 auto;width:100%}.nav-logo{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:var(--text);transition:opacity .2s ease}.nav-logo:hover{opacity:.8}.nav-links{display:flex;align-items:center;gap:1.75rem}.nav-link{font-size:.875rem;color:var(--text-muted);transition:color .2s ease}.nav-link:hover,.nav-link--active{color:var(--text);opacity:1}.nav-email{font-size:.85rem;color:var(--text-muted);transition:color .2s ease}.nav-email:hover{color:var(--text);opacity:1}.page-content{flex:1;display:flex;flex-direction:column}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem 2rem;max-width:800px;margin:0 auto;width:100%;animation:fadeUp .6s ease-out both}.hero h1{font-size:clamp(2.25rem,5.5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.1rem);color:var(--text-muted);max-width:550px;line-height:1.7;margin-bottom:1rem}.badge{display:inline-block;padding:.4rem 1rem;border:1px solid var(--accent-dim);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.section-label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2rem}.games-section{padding:3rem 2rem 4rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .6s ease-out .1s both}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s ease,background .2s ease,transform .15s ease;cursor:pointer}.game-card:hover{border-color:color-mix(in srgb,var(--game-color, var(--accent)) 40%,transparent);background:var(--bg-card-hover);transform:translateY(-2px);opacity:1}.game-card-header{display:flex;flex-direction:column;gap:.4rem}.game-card-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.game-card-name{font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--game-color, var(--accent))}.game-card-status{display:inline-block;padding:.25rem .6rem;background:color-mix(in srgb,var(--game-color, var(--accent)) 12%,transparent);color:var(--game-color, var(--accent));border-radius:5px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.game-card-genre{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.game-card-tagline{font-size:.95rem;color:var(--text-muted);line-height:1.6;flex:1}.game-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);padding-top:.5rem;border-top:1px solid var(--border)}.game-card-price{font-weight:600;color:var(--text)}.game-card-cta{font-size:.8rem;font-weight:500;color:var(--game-color, var(--accent));letter-spacing:.02em}.about{padding:2rem 2rem 4rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .6s ease-out .2s both}.about-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.about-content p{font-size:1rem;color:var(--text-muted);line-height:1.75;max-width:640px}.cta{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto;animation:fadeUp .6s ease-out .3s both}.cta h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.02em}.cta p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.cta-button{display:inline-block;padding:.85rem 2.25rem;border:1px solid var(--accent-dim);border-radius:8px;font-size:.95rem;color:var(--text);transition:border-color .2s ease,background .2s ease}.cta-button:hover{border-color:var(--game-color, var(--accent));background:var(--bg-card);opacity:1}.footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 2rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border);margin-top:auto}.footer-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-muted);transition:color .2s ease}.footer-link:hover{color:var(--text);opacity:1}.lang-switcher{display:flex;flex-wrap:wrap;gap:.25rem .5rem;justify-content:center;padding-top:.25rem;border-top:1px solid var(--border);width:100%;max-width:600px}.lang-link{font-size:.7rem;font-weight:500;color:var(--text-muted);padding:.2rem .35rem;border-radius:4px;letter-spacing:.04em;transition:color .2s ease}.lang-link:hover{color:var(--text);opacity:1}.lang-link--active{color:var(--accent);font-weight:600}.game-page-back{padding:1.5rem 2rem 0;max-width:1200px;margin:0 auto;width:100%}.back-link{font-size:.85rem;color:var(--text-muted);transition:color .2s ease}.back-link:hover{color:var(--game-color, var(--accent));opacity:1}.game-page-hero{padding:2.5rem 2rem 2rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out both}.game-page-hero-inner{display:flex;flex-direction:column;gap:.75rem}.game-page-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.game-page-name{font-family:JetBrains Mono,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;color:var(--game-color, var(--accent))}.game-page-status{display:inline-block;padding:.3rem .75rem;background:color-mix(in srgb,var(--game-color, var(--accent)) 12%,transparent);color:var(--game-color, var(--accent));border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.game-page-tagline{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);line-height:1.6;max-width:640px}.game-page-details{padding:0 2rem 3rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out .08s both}.game-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.game-detail-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.detail-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:500}.detail-value{font-size:.875rem;font-weight:500;color:var(--text)}.game-page-description{padding:0 2rem 3rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out .12s both}.game-description-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.game-description-card p{font-size:1rem;color:var(--text-muted);line-height:1.8;max-width:720px}.game-page-highlights{padding:0 2rem 3rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out .16s both}.highlights-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.highlights-item{display:flex;align-items:flex-start;gap:.85rem;font-size:.95rem;color:var(--text-muted);line-height:1.5}.highlight-dot{width:6px;height:6px;border-radius:50%;background:var(--game-color, var(--accent));flex-shrink:0;margin-top:.5em}.game-page-features{padding:0 2rem 3rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out .2s both}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--game-color, var(--accent));border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:.6rem}.feature-title{font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.feature-description{font-size:.875rem;color:var(--text-muted);line-height:1.65}.game-page-cta{text-align:center;padding:3rem 2rem 4rem;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeUp .5s ease-out .24s both}.game-cta-status{font-size:.95rem;color:var(--text-muted);line-height:1.6}.game-cta-status strong{color:var(--text)}.game-page-legal{text-align:center;padding:0 2rem 3rem;animation:fadeUp .5s ease-out .28s both}.legal-link{font-size:.8rem;color:var(--text-muted);transition:color .2s ease}.legal-link:hover{color:var(--text);opacity:1}.privacy-content{display:flex;flex-direction:column;gap:2.5rem;padding:1rem 2rem 4rem;max-width:680px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out .1s both}.privacy-section{display:flex;flex-direction:column;gap:1rem}.privacy-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--game-color, var(--accent));margin:0}.privacy-section p{font-size:.95rem;color:var(--text-muted);line-height:1.75;margin:0}.privacy-list{padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem;margin:0}.privacy-list li{font-size:.95rem;color:var(--text-muted);line-height:1.7}.privacy-email-link{font-size:.95rem;color:var(--game-color, var(--accent));transition:opacity .2s ease}.privacy-email-link:hover{opacity:.75}.support-contact-section{padding:2rem 2rem 3rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out .1s both}.support-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.support-contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .2s ease,background .2s ease}.support-contact-card:hover{background:var(--bg-card-hover);border-color:var(--game-color, var(--border));opacity:1}.support-contact-card--primary{border-color:var(--accent-dim)}.support-contact-card--primary:hover{border-color:var(--accent)}.support-contact-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--game-color, var(--accent));font-weight:600}.support-contact-card--primary .support-contact-label{color:var(--accent)}.support-contact-email{font-size:.875rem;font-weight:500;color:var(--text);font-family:JetBrains Mono,monospace}.support-contact-desc{font-size:.8rem;color:var(--text-muted);margin-top:.25rem;line-height:1.5}.faq-section{padding:0 2rem 3rem;max-width:800px;margin:0 auto;width:100%;animation:fadeUp .5s ease-out .15s both}.faq-list{list-style:none;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}.faq-item{padding:1.5rem 1.75rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.faq-item:last-child{border-bottom:none}.faq-question{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.faq-answer{font-size:.875rem;color:var(--text-muted);line-height:1.65}@media(max-width:600px){.nav{flex-direction:column;gap:1rem;text-align:center;padding:1.25rem 1.5rem}.nav-links{gap:1.25rem}.games-grid{grid-template-columns:1fr}.game-details-grid{grid-template-columns:1fr 1fr}.features-grid,.support-contact-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:.75rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero,.games-section,.about,.cta,.game-page-hero,.game-page-details,.game-page-description,.game-page-highlights,.game-page-features,.game-page-cta,.support-contact-section,.faq-section{animation:none}}[dir=rtl] .feature-card{border-left:none;border-right:3px solid var(--game-color, var(--accent))}[dir=rtl] .highlights-item{flex-direction:row-reverse}
