@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";
.hero-section{color:#fff;z-index:1;background-color:#0000;align-items:center;height:100vh;padding-left:5vw;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover!important;z-index:-10!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.video-overlay{z-index:-5!important;background:linear-gradient(#000000b3,#00000080 10%,#000c 70%,#000000e6 85%,#000 100%)!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.hero-content.left{max-width:1000px;padding:3rem 5vw}.hero-dynamic{flex-direction:column;line-height:1;display:flex}.static-text{color:#fff9;white-space:nowrap;font-size:3rem;font-weight:300}.hero-word{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;opacity:0;max-width:90vw;padding-bottom:.2rem;font-size:5rem;font-weight:400;line-height:1.2;transition:opacity .6s,transform .6s;overflow:hidden;transform:translateY(30px)}.fade-in{opacity:1;transform:translateY(0)}.hero-section:after{display:none!important}@media (max-width:768px){.hero-content.left{padding:2rem}.static-text{font-size:1.6rem}.hero-word{font-size:2.6rem}}@media (max-width:480px){.static-text{font-size:1.4rem}.hero-word{font-size:2.1rem}}
.why-section{text-align:center;opacity:0;z-index:10;pointer-events:none;background-color:#000;justify-content:center;align-items:center;min-height:20vh;padding:3rem 2rem;transition:opacity .8s ease-in-out;display:flex;position:relative}.why-section.active{opacity:1;pointer-events:all}.tech-fact{color:#ffffffe6;opacity:0;text-align:center;max-width:80%;min-height:4.8rem;margin:0 auto;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.4;transition:opacity 1s,transform 1s;transform:translateY(10px)}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(-10px)}@media (max-width:768px){.why-section{min-height:auto;padding:2rem 1.5rem}.tech-fact{max-width:90%;min-height:7.5rem;font-size:1.2rem}}@media (max-width:480px){.tech-fact{min-height:6rem;font-size:1.1rem}}
.about-section{color:#fff;z-index:10;background-color:#000;padding:4rem 2rem;font-family:Poppins,sans-serif;position:relative}.about-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.about-text{flex:1;min-width:300px}.about-text h2{margin-bottom:1rem;font-size:2.5rem}.about-text p{color:#ccc;margin-bottom:1rem;font-size:1rem;line-height:1.6}.about-image{text-align:center;flex:1;min-width:300px}.about-image img{border-radius:1rem;max-width:100%;box-shadow:0 0 20px #ffffff1a}
.how-section{text-align:center;z-index:10;background:0 0;padding:5rem 2rem;font-family:Poppins,sans-serif;position:relative}.section-title{color:#fff;margin-bottom:3rem;font-size:3rem;font-weight:600}.steps-container{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:800px;margin:0 auto;padding:2rem;display:flex}.step-card{text-align:center;background-color:#1a1a1a;border-radius:1rem;padding:2rem;transition:all .4s;box-shadow:0 0 #0000}.step-card:hover{background-color:#262626;transform:translateY(-5px);box-shadow:0 0 30px 8px #ffffff26}.icon{color:#fff;background-color:#07f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.step-card h3{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.step-card p{color:#fffc;font-size:1.1rem;font-weight:300}@media (max-width:768px){.how-section{padding:3rem 1.5rem}.section-title{font-size:2.2rem}.step-card{padding:1.5rem}.step-card h3{font-size:1.3rem}.step-card p{font-size:1rem}.icon{width:48px;height:48px}}@media (max-width:480px){.section-title{font-size:1.8rem}.step-card h3{font-size:1.1rem}.step-card p{font-size:.95rem}.icon{width:40px;height:40px}}
.digital-test{color:#fff;text-align:center;z-index:10;background-color:#000;border:1px solid #ffffff1a;border-radius:10px;max-width:600px;margin:2rem auto;padding:3rem 2rem;position:relative;box-shadow:0 0 20px #00ffff1a}.question-card,.result-card{animation:.5s fadeIn}.digital-test h2{color:#fff;margin-bottom:1.2rem;font-size:1.8rem;font-weight:600}.digital-test p{color:#ffffffe6;margin-bottom:1.5rem;font-size:1.2rem}.buttons{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.digital-test button{color:#fff;cursor:pointer;background-color:#00d36b;border:none;border-radius:30px;min-width:100px;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;transition:all .3s}.digital-test button:hover{background-color:#00b85e;transform:translateY(-2px);box-shadow:0 4px 12px #00d36b4d}.digital-test button:focus{outline-offset:2px;outline:2px solid #00d36b}.cta-link{color:#00d36b;margin-top:1.5rem;font-weight:600;text-decoration:underline;transition:color .3s;display:inline-block}.cta-link:hover{color:#00b85e}.result-highlight{color:#00d36b;margin-top:.5rem;font-size:1.5rem;font-weight:600;display:inline-block}.result-detail{color:#ffffffb3;font-size:1rem;font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.digital-test{max-width:none;margin:1rem;padding:2rem 1.5rem}.digital-test h2{font-size:1.5rem}.digital-test p{font-size:1.1rem}.buttons{gap:1rem}.digital-test button{padding:.7rem 1.2rem;font-size:.9rem}}