:root{--primary-color:#002fa7;--primary-light:#4949e9;--primary-dark:#00227b;--secondary-color:#ec4899;--background-color:#fff;--background-dark:#f9fafb;--surface-dark:#dfe9ff;--text-primary:#3d3d3d;--text-secondary:#6b7280;--text-light:#9ca3af;--border-color:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-light)}button{cursor:pointer;font-family:inherit}:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #2563eb}.skip-to-content{background:var(--primary-color);z-index:10000;border-radius:12px;padding:.85rem 1.5rem;font-weight:700;transition:top .2s ease-in-out;position:absolute;top:-100px;left:1rem;box-shadow:0 10px 25px #0003;color:#fff!important}.skip-to-content:focus{top:1rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #002fa766}70%{box-shadow:0 0 0 15px #002fa700}to{box-shadow:0 0 #002fa700}}.animate-fade-in-down{animation:.8s ease-out forwards fadeInDown}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.animate-fade-in-up-delay-1{opacity:0;animation:.8s ease-out .2s forwards fadeInUp}.animate-fade-in-up-delay-2{opacity:0;animation:.8s ease-out .4s forwards fadeInUp}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background-color:var(--background-color);z-index:100;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.logo-container{align-items:center;gap:1rem;text-decoration:none;display:flex}.logo-img{object-fit:cover;border-radius:8px;width:40px;height:40px}.logo-text{color:var(--primary-dark);font-size:1.25rem;font-weight:700}.header-actions{align-items:center;gap:1.5rem;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a:not(.btn-primary){color:var(--text-primary);font-weight:500}.nav-links a:not(.btn-primary):hover{color:var(--primary-color)}.custom-lang-dropdown{display:inline-block;position:relative}.lang-dropdown-trigger{background:var(--surface-dark);color:var(--text-primary);cursor:pointer;border:1.5px solid #002fa71f;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #00000008}.lang-dropdown-trigger:hover,.lang-dropdown-trigger.open{border-color:var(--primary-color);color:var(--primary-color);background-color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #002fa71f}.lang-dropdown-trigger .lang-icon{width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.lang-dropdown-trigger .lang-arrow{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0;transition:transform .25s,color .25s}.lang-dropdown-trigger:hover .lang-arrow,.lang-dropdown-trigger.open .lang-arrow{color:var(--primary-color)}.lang-dropdown-trigger .lang-arrow.rotate{transform:rotate(180deg)}.lang-dropdown-menu{z-index:200;background:#fff;border:1px solid #002fa71f;border-radius:16px;min-width:150px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #002fa724,0 2px 6px #0000000a}.lang-option{color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.88rem;font-weight:600;transition:all .18s;display:flex}.lang-option:hover{background-color:var(--surface-dark);color:var(--primary-color)}.lang-option.selected{color:var(--primary-color);background-color:#002fa714}.lang-option .check-icon{width:16px;height:16px;color:var(--primary-color)}.btn-primary{background-color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-block;color:#fff!important}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #002fa733}.pulse-hover:hover{animation:1.5s infinite pulseGlow}.btn-secondary{border:2px solid var(--primary-color);background-color:#0000;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-block;color:var(--primary-color)!important}.btn-secondary:hover{background-color:var(--surface-dark);transform:translateY(-2px)}.btn-cta{background-color:#fff;border-radius:9999px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-block;color:var(--primary-color)!important}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.hero{background:linear-gradient(135deg, var(--background-dark) 0%, var(--surface-dark) 100%);justify-content:space-between;align-items:center;gap:2rem;padding:5rem 5%;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;flex:1;max-width:620px}.hero h1{color:var(--primary-dark);margin-bottom:.75rem;font-size:2.75rem;line-height:1.2}.hero-subtitle{color:var(--primary-color);margin-bottom:1.25rem;font-size:1.4rem;font-weight:600}.hero-description{color:var(--text-secondary);margin-bottom:2.25rem;font-size:1.1rem;line-height:1.6}.hero-actions{gap:1rem;display:flex}.hero-image-container{z-index:10;flex:1;justify-content:center;display:flex;position:relative}.phone-mockup-wrapper{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.phone-mockup{filter:drop-shadow(0 20px 30px #00000040);width:290px;max-width:100%;transition:transform .5s,filter .5s;position:relative;transform:rotate(-4deg)}.phone-mockup:hover{filter:drop-shadow(0 25px 35px #002fa74d);transform:rotate(0)scale(1.04)}.app-screenshot{width:100%;height:auto;display:block}.store-buttons-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-store-buttons{z-index:15;margin-top:.5rem}.store-badge-btn{color:#fff;cursor:pointer;background-color:#0f172a;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem 1.25rem;font-family:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #00000026}.store-badge-btn:hover{background-color:#1e293b;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.store-badge-btn:active{transform:translateY(-1px)}.store-icon{flex-shrink:0;width:24px;height:24px}.store-btn-text{text-align:left;flex-direction:column;display:flex}.store-btn-subtitle{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.65rem;line-height:1}.store-btn-title{font-size:1.05rem;font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:700px;margin:-2rem auto 3rem;font-size:1.15rem}.features{text-align:center;padding:5rem 5%}.features h2{color:var(--primary-dark);margin-bottom:2.5rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.feature-card{border:1px solid var(--border-color);text-align:center;background:#fff;border-radius:20px;padding:2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000000d}.feature-card:hover{border-color:var(--primary-light);transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.feature-icon{background:var(--surface-dark);border-radius:50%;width:70px;height:70px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:2.5rem;line-height:70px}.feature-card h3{color:var(--primary-dark);margin-bottom:1rem;font-size:1.4rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.how-it-works{text-align:center;background-color:#f8fafc;padding:5rem 5%}.how-it-works h2{color:var(--primary-dark);margin-bottom:2.5rem;font-size:2.5rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.step-card{border:1px solid var(--border-color);text-align:left;background:#fff;border-radius:20px;padding:2.5rem 2rem;position:relative;box-shadow:0 10px 30px #0000000a}.step-number{color:var(--primary-light);background:var(--surface-dark);border-radius:12px;margin-bottom:1rem;padding:.25rem .75rem;font-size:2rem;font-weight:800;display:inline-block}.step-card h3{color:var(--primary-dark);margin-bottom:.75rem;font-size:1.35rem}.step-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.project-status-box{text-align:center;background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);border:1px solid #3b82f633;border-radius:24px;max-width:900px;margin:3.5rem auto 0;padding:2.25rem 2.5rem;position:relative;box-shadow:0 12px 32px #3b82f614}.status-badge-group{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.status-badge{letter-spacing:.01em;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-badge-primary{color:#3730a3;background-color:#e0e7ff}.status-badge-accent{color:#166534;background-color:#dcfce7}.status-title{color:var(--primary-dark);margin-bottom:.85rem;font-size:1.5rem;font-weight:700}.status-description{color:var(--text-secondary);max-width:780px;margin:0 auto;font-size:1.05rem;line-height:1.7}.about-section{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);width:100%;padding:6rem 5%;position:relative;overflow:hidden}.about-content{z-index:2;max-width:860px;margin:0 auto;position:relative}.about-badge{margin-bottom:1.25rem;display:inline-block}.about-badge span{color:#a5b4fc;letter-spacing:.02em;background:#ffffff1a;border:1px solid #a5b4fc4d;border-radius:9999px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:600}.about-section h2{color:#fff;margin-bottom:1.5rem;font-size:2.3rem;line-height:1.3}.about-section p{color:#cbd5e1;font-size:1.15rem;line-height:1.8}.cta{background:linear-gradient(135deg, var(--primary-color), var(--primary-light));text-align:center;color:#fff;padding:6rem 5%}.cta h2{color:#fff;margin-bottom:1.5rem;font-size:2.5rem}.cta p{opacity:.9;margin-bottom:2.5rem;font-size:1.25rem}.cta-actions{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cta-store-buttons{margin-top:.5rem}.footer{background-color:var(--background-dark);border-top:1px solid var(--border-color);padding:2rem 5%}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer p{color:var(--text-secondary)}.footer-links{align-items:center;gap:1.5rem;display:flex}.footer-project-by{color:var(--text-secondary)}.footer-project-by a{color:var(--text-secondary);font-weight:500}.footer-project-by a:hover{color:var(--primary-color)}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--primary-color)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background-color:#fff;border:1px solid #e2e8f0cc;border-radius:24px;width:100%;max-width:480px;padding:2.5rem 2rem;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25rem .5rem;font-size:1.75rem;line-height:1;transition:all .2s;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.modal-icon-container{background-color:var(--surface-dark);width:64px;height:64px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.modal-envelope-icon{width:32px;height:32px}.modal-title{color:var(--primary-dark);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.modal-message{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.modal-email-link{color:var(--primary-color);word-break:break-all;font-weight:600;text-decoration:underline;transition:color .2s}.modal-email-link:hover{color:var(--primary-dark)}.modal-actions{justify-content:center;display:flex}.modal-action-btn{cursor:pointer;min-width:140px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes animatePopIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-pop-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards animatePopIn}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding-top:3rem}.hero-content{margin-bottom:4rem}.hero-actions{justify-content:center}.phone-mockup{transform:rotate(0)}}@media (width<=600px){.header{padding:1rem 4%}.header-actions{gap:.5rem}.lang-dropdown-trigger{padding:.4rem .75rem;font-size:.82rem}.header .btn-primary{padding:.5rem 1rem;font-size:.85rem}.nav-links{display:none}.hero h1{font-size:2.1rem}.hero-subtitle{font-size:1.2rem}.footer-content{text-align:center;flex-direction:column}.store-buttons-group{flex-direction:column;width:100%;max-width:280px}.store-badge-btn{justify-content:center}}