@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--violet-deep: #370a6f;--violet-main: #6a0dad;--gold-warm: #fdc300;--bg-light: #f8f6fc;--white: #ffffff;--text-dark: #2d2d2d;--text-light: #6b6b6b}body{font-family:Poppins,sans-serif;color:var(--text-dark);line-height:1.6;overflow-x:hidden}.landing-container{width:100%;overflow-x:hidden}.header{background:var(--white);padding:1.5rem 5%;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000;animation:slideDown .5s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.logo-space{height:60px;display:flex;align-items:center;font-size:2rem;font-weight:700;color:var(--violet-deep)}.logo-space span{color:var(--gold-warm)}.hero{background:linear-gradient(135deg,var(--violet-deep) 0%,var(--violet-main) 100%);color:var(--white);padding:6rem 5% 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:85vh}.hero-content{animation:fadeInLeft 1s ease}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero h1{font-size:3.2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.3rem;font-weight:300;margin-bottom:2.5rem;opacity:.95}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 15px #0003}.btn-primary{background:var(--gold-warm);color:var(--violet-deep)}.btn-primary:hover{background:#ffce1a;transform:translateY(-3px);box-shadow:0 6px 20px #fdc30066}.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-secondary:hover{background:var(--white);color:var(--violet-deep);transform:translateY(-3px)}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.mockup-placeholder{width:100%;max-width:500px;height:600px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;text-align:center;padding:2rem;position:relative;overflow:hidden}.mockup-placeholder:before{content:"📱";font-size:8rem;position:absolute;opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.problem-section{background:var(--white);padding:5rem 5%;text-align:center}.section-title{font-size:2.8rem;font-weight:700;color:var(--violet-deep);margin-bottom:1rem}.section-subtitle{font-size:1.3rem;color:var(--text-light);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.stat-card{background:var(--bg-light);padding:2.5rem 2rem;border-radius:20px;transition:all .3s ease}.stat-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #6a0dad26}.stat-number{font-size:3.5rem;font-weight:700;color:var(--violet-main);margin-bottom:.5rem}.stat-text{font-size:1.1rem;color:var(--text-dark);font-weight:500}.traditional-methods{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:3rem}.method-item{text-align:center;max-width:200px;opacity:.7;transition:opacity .3s ease}.method-item:hover{opacity:1}.method-icon{font-size:3rem;margin-bottom:1rem}.method-label{font-size:1rem;color:var(--text-light)}.method-limitation{font-size:.9rem;color:#e74c3c;margin-top:.5rem;font-weight:500}.solution-section{background:linear-gradient(135deg,var(--bg-light) 0%,var(--white) 100%);padding:5rem 5%;text-align:center}.solution-visual{max-width:800px;margin:3rem auto;padding:3rem;background:var(--white);border-radius:30px;box-shadow:0 10px 40px #00000014}.biometric-demo{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.biometric-step{text-align:center;flex:1;min-width:200px}.step-icon{font-size:4rem;margin-bottom:1rem}.step-arrow{font-size:2rem;color:var(--violet-main)}.how-it-works{background:var(--violet-deep);color:var(--white);padding:5rem 5%}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.step-card{background:#ffffff1a;padding:2.5rem 1.5rem;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.step-card:hover{background:#ffffff26;transform:translateY(-5px)}.step-number{width:60px;height:60px;background:var(--gold-warm);color:var(--violet-deep);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 1.5rem}.step-icon-large{font-size:3rem;margin-bottom:1rem}.step-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.step-description{font-size:.95rem;opacity:.9}.features-section{background:var(--white);padding:5rem 5%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.feature-card{background:var(--bg-light);padding:2.5rem;border-radius:20px;text-align:center;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{border-color:var(--violet-main);box-shadow:0 10px 30px #6a0dad26;transform:translateY(-5px)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--violet-main),var(--violet-deep));color:var(--white);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem}.feature-title{font-size:1.4rem;font-weight:600;color:var(--violet-deep);margin-bottom:1rem}.feature-description{font-size:1rem;color:var(--text-light);line-height:1.7}.benefits-section{background:linear-gradient(135deg,var(--violet-main) 0%,var(--violet-deep) 100%);color:var(--white);padding:5rem 5%;text-align:center}.benefits-section .section-title,.benefits-section .section-subtitle{color:var(--white)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:3rem}.benefit-card{padding:2rem}.benefit-icon{width:100px;height:100px;background:var(--gold-warm);color:var(--violet-deep);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem;transition:all .3s ease}.benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(5deg)}.benefit-title{font-size:1.4rem;font-weight:600;margin-bottom:.8rem}.benefit-text{font-size:1rem;opacity:.9}.tech-section{background:var(--bg-light);padding:5rem 5%;text-align:center}.tech-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:3rem}.tech-item{background:var(--white);padding:2rem 3rem;border-radius:15px;font-size:1.2rem;font-weight:600;color:var(--violet-deep);box-shadow:0 5px 20px #00000014;transition:all .3s ease}.tech-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #6a0dad33}.team-section{background:var(--white);padding:5rem 5%;text-align:center}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-top:3rem}.team-card{background:var(--bg-light);padding:2.5rem 2rem;border-radius:20px;transition:all .3s ease}.team-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #6a0dad26}.team-avatar{width:120px;height:120px;background:linear-gradient(135deg,var(--violet-main),var(--violet-deep));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem;font-weight:700}.team-name{font-size:1.4rem;font-weight:600;color:var(--violet-deep);margin-bottom:.5rem}.team-role{font-size:1rem;color:var(--text-light);line-height:1.5}.brand-section{background:linear-gradient(135deg,var(--bg-light) 0%,var(--white) 100%);padding:5rem 5%}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.brand-card{background:var(--white);padding:2.5rem;border-radius:20px;box-shadow:0 5px 20px #00000014}.brand-card h3{font-size:1.6rem;font-weight:600;color:var(--violet-deep);margin-bottom:1.5rem}.brand-logo{font-size:4rem;margin-bottom:1rem}.brand-description{font-size:1rem;color:var(--text-light);line-height:1.7;margin-bottom:1rem}.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.color-box{padding:2rem 1rem;border-radius:10px;text-align:center;color:var(--white);font-weight:600}.color-violet-deep{background:var(--violet-deep)}.color-violet-main{background:var(--violet-main)}.color-gold{background:var(--gold-warm);color:var(--violet-deep)}.color-light{background:var(--bg-light);color:var(--violet-deep);border:2px solid var(--violet-main)}.typography-sample{font-family:Poppins,sans-serif;margin-top:1rem}.typography-sample p{margin:.5rem 0}.cta-section{background:linear-gradient(135deg,var(--violet-deep) 0%,var(--violet-main) 100%);color:var(--white);padding:6rem 5%;text-align:center}.cta-section .section-title{color:var(--white);font-size:3rem;max-width:900px;margin:0 auto 1.5rem}.cta-section .section-subtitle{color:var(--white);opacity:.95;font-size:1.4rem;max-width:800px;margin:0 auto 3rem}.footer{background:var(--violet-deep);color:var(--white);padding:3rem 5%;text-align:center}.footer-content{max-width:800px;margin:0 auto}.footer p{opacity:.8;margin-bottom:.5rem}@media (max-width: 968px){.hero{grid-template-columns:1fr;padding:4rem 5%;min-height:auto}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2.2rem}.section-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.mockup-placeholder{max-width:400px;height:500px}}@media (max-width: 640px){.hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}.btn{padding:.9rem 2rem;font-size:1rem}.stat-number{font-size:2.5rem}.stat-text{font-size:1rem}.mockup-placeholder{max-width:100%;height:400px}.hero-buttons{flex-direction:column;align-items:stretch}.btn{text-align:center}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}