:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-color:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:center;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden auto}body:before,body:after{content:"";filter:blur(100px);z-index:-1;border-radius:50%;width:400px;height:400px;position:fixed}body:before{background:#6366f14d;animation:10s ease-in-out infinite alternate float;top:-100px;left:-100px}body:after{background:#a855f733;animation:10s ease-in-out infinite alternate-reverse float;bottom:-100px;right:-100px}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.container{width:100%;max-width:500px;padding:2rem}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;flex-direction:column;padding:3rem 2rem;transition:transform .3s,box-shadow .3s;display:flex;transform:translateY(0);box-shadow:0 25px 50px -12px #00000080}.card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0009}.logo-container{order:1;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.logo-icon{width:350px;max-width:100%;height:auto}h1{letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem;font-weight:700}p{color:var(--text-secondary);order:2;margin-bottom:2.5rem;font-size:1rem;line-height:1.5}.brand-tagline{color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem;font-weight:650;line-height:1.45}.brand-description{margin-bottom:2.5rem}.app-download{text-align:left;border:1px solid var(--glass-border);background:#ffffff0f;border-radius:18px;flex-direction:column;order:4;gap:1rem;margin-top:1.5rem;padding:1rem;display:flex}.game-download{order:5}.section-title{color:var(--text-primary);text-align:left;margin-bottom:.15rem;font-size:1.1rem}.app-item{grid-template-columns:72px 1fr;align-items:center;gap:.85rem 1rem;display:grid}.app-item+.app-item{border-top:1px solid var(--glass-border);padding-top:1rem}.app-icon{border-radius:16px;width:72px;height:72px;box-shadow:0 8px 20px #00000040}.app-info h2{margin-bottom:.2rem;font-size:1.25rem}.app-info span{color:var(--text-secondary);font-size:.875rem}.app-description{color:var(--text-secondary);grid-column:1/-1;font-size:.9rem;line-height:1.65}.store-links{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.store-btn{color:var(--text-primary);border:1px solid var(--glass-border);background:#0f172acc;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem .5rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:flex}.store-btn:hover{background:#1e293bf2;transform:translateY(-2px)}.store-btn svg{flex:none;width:18px;height:18px}.contact-section{text-align:left;border:1px solid var(--glass-border);background:#ffffff0f;border-radius:18px;order:6;margin-top:1.5rem;padding:1rem}.contact-section-priority{order:3;margin-top:0;margin-bottom:1.5rem}.contact-links{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.contact-btn{background:var(--primary);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.contact-btn:hover{background:var(--primary-hover);transform:scale(1.02)}.facebook-btn{background:#1877f2}.facebook-btn:hover{background:#0c63d4}.instagram-btn{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737)}.instagram-btn:hover{background:linear-gradient(135deg,#6d2e99,#c92560,#df652a)}.discord-btn{background:#5865f2}.discord-btn:hover{background:#4752c4}.contact-btn svg{width:20px;height:20px;position:absolute;left:1.25rem}.coming-soon{color:var(--text-secondary);opacity:.7;margin-top:2rem;font-size:.875rem}.lang-switcher{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex;position:absolute;top:20px;right:20px}.lang-switcher button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.9rem;font-weight:500;transition:color .2s}.lang-switcher button:hover{color:var(--text-primary)}.lang-switcher button.active{color:var(--primary);font-weight:700}.lang-switcher .divider{color:var(--glass-border);font-size:.9rem}@media (width>=600px){.container.web-layout{max-width:1080px;padding:1.5rem}.web-layout .card{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;padding:2rem;display:grid}.web-layout .logo-container,.web-layout .card>p,.web-layout .contact-section{grid-column:1/-1}.web-layout .logo-container{width:100%}.web-layout .logo-icon{width:420px;max-width:100%}.web-layout .card>p{max-width:720px;margin-left:auto;margin-right:auto}.web-layout .brand-tagline{max-width:780px;margin-bottom:.75rem;font-size:1.4rem}.web-layout .app-download{height:100%;margin-top:0}.web-layout .contact-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width>=769px){.container.web-layout{padding:3rem}.web-layout .card{column-gap:1.5rem;padding:3.5rem}}@media (width<=480px){.container{margin-top:3.5rem;padding:1rem}.card{padding:2rem 1.25rem}.logo-icon{width:260px}p{margin-bottom:2rem;font-size:.9rem}.contact-btn{padding:.875rem 1.25rem;font-size:.95rem}.contact-btn svg{width:18px;height:18px;left:1rem}.lang-switcher{z-index:50;padding:6px 12px;position:fixed;top:15px;right:15px}.lang-switcher button{font-size:.85rem}}
