*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #8DA399;--primary-dark: #4E635A;--primary-light: #D1E8DD;--secondary: #D4A5A5;--accent-peach: #ECBBBA;--accent-yellow: #F8FA98;--accent-cream: #F3DFCE;--background: #F2F0EF;--background-secondary: #E4E2E0;--text-primary: #303130;--text-secondary: #5E5E5D;--border: #B9A898;--border-light: #D6C3B3}body{font-family:Poppins,Arial,sans-serif;color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(-45deg,var(--primary-light),var(--accent-yellow),var(--accent-peach),var(--accent-cream));background-size:400% 400%;animation:gradientBG 15s ease infinite;overflow-x:hidden;padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}header{padding:1.5rem 1.5rem .25rem;z-index:10;display:flex;justify-content:center;position:relative}.lang-switcher{position:absolute;top:1.25rem;right:1.25rem;display:inline-flex;align-items:center;gap:.15rem;padding:.25rem;background:#ffffff8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:0 6px 14px #0000000f}.lang-link{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.3rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.5px;color:var(--text-secondary);text-decoration:none;transition:background .2s ease,color .2s ease}.lang-link:hover,.lang-link:focus-visible{color:var(--text-primary);outline:none}.lang-link.active{background:var(--primary-light);color:var(--primary-dark);box-shadow:0 2px 6px #0000000f}@media(max-width:480px){.lang-switcher{top:.75rem;right:.75rem}.lang-link{min-width:1.8rem;padding:.25rem .45rem;font-size:.72rem}}.logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.logo-image{height:140px;width:auto;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.08));transition:transform .25s ease}.logo:hover .logo-image,.logo:focus-visible .logo-image{transform:scale(1.03)}@media(max-width:480px){.logo-image{height:100px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:50;width:min(620px,calc(100% - 1.5rem));background:#ffffff73;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.5);border-radius:999px;box-shadow:0 15px 35px #00000014,0 5px 15px #0000000a}.bottom-nav ul{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;list-style:none;margin:0;padding:.4rem}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.6rem .25rem;border-radius:999px;color:var(--text-primary);text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.1px;transition:background .25s ease,transform .25s ease}.bottom-nav a:hover,.bottom-nav a:focus-visible{background:#ffffffb3;transform:translateY(-2px);outline:none}.bottom-nav a.active{background:var(--primary-light);color:var(--primary-dark);box-shadow:0 6px 14px #00000014}.bottom-nav .nav-home{display:flex;justify-content:center}.bottom-nav .nav-home a{width:60px;height:60px;padding:0;border-radius:50%;background:#fff;transform:translateY(-16px);box-shadow:0 12px 24px #00000029,0 3px 8px #00000014;border:3px solid rgba(255,255,255,.9);transition:transform .25s ease,box-shadow .25s ease}.bottom-nav .nav-home a:hover,.bottom-nav .nav-home a:focus-visible{transform:translateY(-20px) scale(1.05);background:#fff;box-shadow:0 18px 32px #0003,0 3px 8px #00000014}.bottom-nav .nav-home a.active{background:#fff;box-shadow:0 12px 24px #0003,0 0 0 3px #ffffffd9}.bottom-nav .nav-home-img{width:78%;height:78%;object-fit:contain;display:block}.page{max-width:760px;margin:0 auto;padding:1.5rem 1.5rem 3rem;animation:fadeInUp .6s ease-out}.page h1{font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.15;margin-bottom:1.5rem}.page .lead{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem}.page h2{font-size:1.4rem;font-weight:700;margin:2.5rem 0 .75rem}.page p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.page .card{background:#ffffff73;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:2rem 1.75rem;box-shadow:0 20px 40px #0000000a}.page .card+.card{margin-top:1.5rem}.download-card{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.download-card .qr-wrap{padding:.75rem;background:#ffffffd9;border-radius:24px;box-shadow:0 12px 30px #00000014;flex:0 0 auto}.download-card .qr-code{display:block;width:220px;height:auto}.download-card .download-text{flex:1 1 240px}.download-card .download-text h2{margin-top:0}.download-card .download-text p{margin-bottom:.5rem}@media(max-width:560px){.download-card{justify-content:center;text-align:center}.download-card .qr-code{width:180px}}.bottom-nav .nav-icon{font-size:1.15rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.feature-inline{text-align:center;padding:.5rem .25rem}.feature-inline .feature-icon{font-size:2rem;margin-bottom:.65rem;display:inline-block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.08))}.feature-inline h3{font-size:1.05rem;font-weight:700;margin-bottom:.35rem}.feature-inline p{font-size:.95rem;color:var(--text-secondary);line-height:1.55;margin:0}.faq{margin-top:.5rem}.faq-item{border-top:1px solid rgba(255,255,255,.55);padding:.5rem 0}.faq-item:first-of-type{border-top:none}.faq-item summary{cursor:pointer;font-weight:700;color:var(--text-primary);list-style:none;padding:.6rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;line-height:1.4}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;font-weight:400;color:var(--primary-dark);line-height:1;flex:0 0 auto}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:.25rem 0 .75rem;color:var(--text-secondary);line-height:1.65}.platform-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.platform-link{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;background:#fff9;border:1px solid rgba(255,255,255,.6);border-radius:18px;color:var(--text-primary);text-decoration:none;transition:transform .25s ease,background .25s ease,box-shadow .25s ease;box-shadow:0 8px 20px #0000000a}.platform-link:hover,.platform-link:focus-visible{transform:translateY(-3px);background:#ffffffd9;border-color:var(--primary-light);box-shadow:0 14px 28px #4e635a2e;outline:none}.platform-link .platform-icon{font-size:1.6rem;line-height:1}.platform-link .platform-copy{display:flex;flex-direction:column;gap:.15rem}.platform-link strong{font-weight:700;font-size:1rem}.platform-link small{color:var(--text-secondary);font-size:.85rem}@media(max-width:620px){.feature-grid,.platform-links{grid-template-columns:1fr}}@media(max-width:480px){.bottom-nav{width:calc(100% - 1rem);bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.bottom-nav ul{padding:.3rem;gap:.2rem}.bottom-nav a{padding:.55rem .15rem;font-size:.7rem}.bottom-nav .nav-icon{font-size:1.05rem}.bottom-nav .nav-home a{width:54px;height:54px;transform:translateY(-14px)}.bottom-nav .nav-home a:hover,.bottom-nav .nav-home a:focus-visible{transform:translateY(-18px) scale(1.05)}}footer{position:fixed;right:1rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));z-index:40;font-size:.7rem;color:var(--text-secondary);opacity:.55;pointer-events:none}@media(max-width:640px){footer{bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}}
