:root{--primary:#4f46e5;--secondary:#6366f1;--bg:#f6f8ff;--dark:#0f172a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:#334155}input,textarea,select{font-size:16px}nav{background:#fff;padding:.8rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;box-shadow:0 5px 15px #0000000d;position:sticky;top:0;z-index:1000}.logo{font-size:1.5rem;font-weight:800;color:var(--primary)}.menu{display:flex;gap:1.5rem}.menu a{text-decoration:none;color:#475569;font-weight:500}.menu-toggle{display:none;font-size:1.4rem;cursor:pointer}.cta button{border-radius:999px;padding:.45rem 1.2rem;border:none;cursor:pointer;font-weight:800}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;font-size:1.1rem;padding:.65rem 1.8rem;border-radius:999px;font-weight:600}.btn-outline{background:none;border:1px solid #e5e7eb;font-size:1.1rem;border-radius:999px;font-weight:600}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;padding:4rem 1.5rem;max-width:1200px;margin:auto}.hero-left h1{font-size:2.6rem;font-weight:800;color:var(--dark)}.hero-left p{margin-top:1rem;max-width:520px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.5rem;margin-top:2.5rem}.stat{background:#fff;padding:1rem 1.4rem;border-radius:1rem;box-shadow:0 10px 25px #0000000f;text-align:center}.stat h2{margin:0;color:var(--primary)}.auth-box{background:#fff;border-radius:1.5rem;padding:2.4rem;box-shadow:0 25px 50px #0000001a}.auth-box h3{text-align:center;margin-bottom:1.4rem}.form{display:none}.form.active{display:block}.input-group{position:relative;margin-bottom:1.1rem}.input-group i{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#94a3b8}.input-group input{width:100%;padding:.8rem .8rem .8rem 2.7rem;border-radius:.8rem;border:1px solid #e5e7eb}.btn-full{width:100%;border-radius:999px;padding:.85rem;font-weight:600;border:none;cursor:pointer}.btn-google{margin-top:1rem;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;gap:.6rem}.auth-links{text-align:center;margin-top:1.2rem;font-size:.9rem}.auth-links a{color:var(--primary);cursor:pointer}.section{padding:4rem 1.5rem;text-align:center}.how-it-works{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1100px;margin:auto}.step{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 15px 35px #0000000f}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:3rem}}@media (max-width:768px){.menu{display:none;flex-direction:column;background:#fff;position:absolute;top:100%;left:0;right:0;padding:1rem}.menu.active{display:flex}.menu-toggle{display:block}.auth-box{padding:2.8rem 2.2rem;border-radius:1.8rem}.auth-box h3{font-size:1.4rem}.btn-full{padding:1rem;font-size:1rem}.input-group input{padding:.95rem .95rem .95rem 2.8rem}}.or-divider{display:flex;align-items:center;text-align:center;margin:1.2rem 0;color:#94a3b8;font-size:.85rem;font-weight:500}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.or-divider:before{margin-right:.8rem}.or-divider:after{margin-left:.8rem}.why-us span{color:#2d2dff}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem}.why-card{background:#fff;padding:2.2rem 1.8rem;border-radius:1.2rem;box-shadow:0 10px 30px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.why-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #00000014}.why-card i{font-size:1.8rem;color:#2d2dff;margin-bottom:1rem}.why-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.why-card p{font-size:.95rem;color:#555}.testimonials{text-align:center;padding:4rem 1.5rem}.testimonials h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.testimonials p{color:#475569;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:1200px;margin:auto}.testimonial-card{background:#fff;padding:2.2rem 1.8rem;border-radius:1.5rem;box-shadow:0 15px 40px #00000014;position:relative;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000001f}.testimonial-card p{font-size:1rem;color:#334155;line-height:1.6;margin-bottom:1.5rem;position:relative;z-index:2}.quote-icon{font-size:3rem;color:#2d2dff;position:absolute;top:-15px;left:15px;font-family:serif;z-index:1;opacity:.1}.user-info{display:flex;align-items:center;gap:.75rem}.user-info img{width:45px;height:45px;border-radius:50%;border:2px solid #2d2dff}.user-info span{font-weight:600;color:#2d2dff;font-size:.95rem}.user-initials{width:45px;height:45px;border-radius:50%;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.faq p{color:#555;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;text-align:center}.faq-item{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000000d;overflow:hidden}.faq-question{width:100%;background:#f1f5f9;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:.95rem;color:#475569;line-height:1.6}.faq{text-align:center;padding:4rem 1.5rem}.faq h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.faq p{color:#475569;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.faq-grid{max-width:900px;margin:auto;display:flex;flex-direction:column;gap:1rem}.faq-item{border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.faq-item:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00000014}.faq-question{width:100%;background:#f8f9ff;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-left:4px solid transparent;transition:border-color .3s ease,background .3s ease}.faq-question span{flex:1;text-align:left}.faq-question i{transition:transform .3s ease;color:#2d2dff}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;font-size:.95rem;color:#475569;line-height:1.6}.faq-item.active .faq-answer{padding:1rem 1.5rem}.faq-item.active .faq-question{border-left-color:#2d2dff;background:#eef2ff}.faq-item.active .faq-question i{transform:rotate(180deg)}.footer{background:#2d2dff;color:#fff;padding:3rem 1.5rem 1.5rem;font-size:.95rem}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:auto;justify-content:space-between}.footer h3,.footer h4{color:#fff;margin-bottom:1rem}.footer-about p,.footer-contact p{color:#e0e0ff;margin:.4rem 0}.footer-payments .payment-icons{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.footer-payments img{width:40px;height:auto}.footer-contact .footer-socials{margin-top:1rem}.footer-contact .footer-socials a{color:#fff;margin-right:.8rem;font-size:1.2rem;transition:color .3s ease}.footer-contact .footer-socials a:hover{color:#fdcb6e}.footer-bottom{text-align:center;margin-top:2rem;border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;font-size:.85rem;color:#e0e0ff}@media (max-width: 768px){.footer-container{flex-direction:column;gap:2rem}.footer-payments .payment-icons{justify-content:flex-start}}.payment-icons{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.payment-icon{width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;font-size:.85rem}@media (max-width:768px){.menu{flex-direction:column;position:fixed;top:60px;left:0;right:0;background:#fff;padding:1rem;max-height:calc(100vh - 60px);overflow-y:auto;transform:translateY(-20px);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:9999;box-shadow:0 5px 15px #0000001a}.menu.active{transform:translateY(0);opacity:1;pointer-events:auto}.menu a{padding:.8rem 0;border-bottom:1px solid #eee}.menu-toggle{display:block;z-index:10000}.cta{width:100%;justify-content:flex-start;margin-top:.5rem}}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-question i{transition:transform .3s ease}.faq-question i.rotate{transform:rotate(180deg)}.input-group.terms{padding:0!important;margin:10px 0 18px!important}.input-group.terms label{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;line-height:1.4!important;color:#555;cursor:pointer}.input-group.terms input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;accent-color:#5b5bff;cursor:pointer}.input-group.terms label span,.input-group.terms label{white-space:normal}.input-group.terms a{color:#5b5bff;text-decoration:none;font-weight:500}.input-group.terms a:hover{text-decoration:underline}@media (max-width: 480px){.input-group.terms{margin:8px 0 16px!important}.input-group.terms label{font-size:13px!important;gap:6px!important}.input-group.terms input[type=checkbox]{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important}}@media (max-width: 360px){.input-group.terms{margin-bottom:14px!important}.input-group.terms label{font-size:12.5px!important;gap:5px!important}.input-group.terms input[type=checkbox]{width:13px!important;height:13px!important}}