:root{--primary:rgb(115, 76, 157);--on-primary:rgb(255, 255, 255);--primary-container:rgb(239, 219, 255);--on-primary-container:rgb(43, 0, 82);--secondary:rgb(185, 12, 85);--on-secondary:rgb(255, 255, 255);--secondary-container:rgb(255, 217, 223);--on-secondary-container:rgb(63, 0, 24);--tertiary:rgb(0, 95, 175);--background:rgb(255, 251, 255);--surface:rgb(255, 251, 255)}body{font-family:inter,sans-serif;background-color:var(--background);color:var(--on-background);padding-top:76px}#mainNav{transition:all .3s ease;background-color:transparent;backdrop-filter:blur(5px);opacity:1;transition:opacity .5s ease,background-color .3s ease}.navbar-circle-overlay{position:relative;float:left;margin-top:-30px;margin-left:-20px;width:200px;height:200px;border-radius:50%;background-color:rgba(255,255,255,.15);z-index:0;pointer-events:none;transform:translate(-80%,-50%)}#mainNav.content-page{background-color:rgba(0,0,0,.85);box-shadow:0 0 15px rgba(0,0,0,.1)}#mainNav.navbar-scrolled{background-color:rgba(0,0,0,.85);box-shadow:0 0 15px rgba(0,0,0,.1)}#mainNav .navbar-brand{font-weight:700;font-size:1.5rem;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}#mainNav .navbar-brand:hover{opacity:.9}#mainNav .nav-link{color:#fff;font-weight:600;padding:.75rem 1rem;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:color .3s ease}#mainNav.content-page .nav-link{text-shadow:none}#mainNav.navbar-scrolled .nav-link{text-shadow:none}#mainNav .nav-link:hover{color:var(--primary-container)}#mainNav .nav-link.active{color:var(--primary-container)}#mainNav .nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:.5rem;left:1rem;background-color:var(--primary-container);transition:width .3s ease}#mainNav .nav-link:hover::after,#mainNav .nav-link.active::after{width:calc(100% - 2rem)}#mainNav .navbar-toggler{border:none;padding:.5rem}#mainNav .navbar-toggler:focus{box-shadow:none}#mainNav.navbar-scrolled .nav-link,#mainNav.content-page .nav-link{color:var(--on-primary)}#mainNav.navbar-scrolled .nav-link:hover,#mainNav.content-page .nav-link:hover{color:var(--primary-container)}@media(max-width:991.98px){#mainNav .navbar-collapse{background-color:rgba(0,0,0,.85);padding:1rem;border-radius:10px;margin-top:.5rem;backdrop-filter:blur(10px)}}.hero-section{position:relative;height:100vh;overflow:hidden;margin-top:-76px}.split-hero{position:relative;height:100%;display:flex}.full-hero{position:relative;height:100%;width:100%}.hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%}.full-hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}.hero-left,.hero-right{flex:1;position:relative;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-left:hover .hero-image,.hero-right:hover .hero-image{transform:scale(1.05)}.hero-content{position:absolute;bottom:25%;left:10%;text-align:left;color:#fff;z-index:2;width:auto;max-width:700px;padding:0;background:0 0;backdrop-filter:none;border-radius:0}.hero-content .tagline{font-size:3.5rem;font-weight:700;margin-bottom:2rem;color:#fff;line-height:1.2}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:1rem;color:var(--on-primary)}.about-section{padding:6rem 0;background-color:var(--surface)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dark);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}.loading-overlay.fade-out{opacity:0}.loading-logo{font-weight:700;font-size:2.5rem;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.hero-pre-animation{opacity:0;transform:translateY(50px);transition:none}.hero-post-animation{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.section-header{margin-bottom:2rem}.section-subtitle{font-size:1.2rem;color:var(--primary);font-weight:600;margin-bottom:1rem}.approach-headline{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:2rem}.highlighted-text{position:relative;display:inline-block}.highlighted-text::after{content:none}.highlight-ellipse{position:absolute;top:50%;left:50%;width:130%;height:160%;transform:translate(-50%,-50%);z-index:-1;overflow:visible;pointer-events:none}@keyframes draw-ellipse{0%{stroke-dasharray:500;stroke-dashoffset:500;opacity:.6}80%{opacity:.9}100%{stroke-dasharray:500;stroke-dashoffset:0;opacity:1}}.approach-content{padding-left:2rem}.approach-text{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#555}.btn{border-radius:30px;padding:.75rem 2rem;font-weight:600;text-transform:none;transition:all .3s ease}.btn-lg{padding:.875rem 2.5rem}.btn-sm{padding:.5rem 1.5rem}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background-color:#63356f;border-color:#63356f}.btn-dark{background-color:#222;border-color:#222}.btn-dark:hover{background-color:#000;border-color:#000}.btn-outline-light{color:#fff;border-color:#fff}.btn-outline-light:hover{background-color:rgba(255,255,255,.1);color:#fff}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover{background-color:var(--primary);color:var(--on-primary)}.btn-dark.btn-rounded{border-radius:30px;padding:.75rem 2rem;font-weight:600;text-transform:none;background-color:#222;transition:background-color .3s ease}.btn-dark.btn-rounded:hover{background-color:#000}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem}.feature-card{padding:2rem;text-align:center;background-color:var(--primary-container);border-radius:15px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card i{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.app-showcase{padding:6rem 0;background-color:var(--primary-container)}.app-screenshots{position:relative;max-width:100%;margin:0 auto}.screenshot-carousel{position:relative;width:100%;margin:0 auto;padding:2rem 0;opacity:1!important;visibility:visible!important}.screenshot-container{position:relative;width:100%;height:600px;overflow:hidden;opacity:1!important;visibility:visible!important}.screenshot{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:block!important;visibility:visible!important}.screenshot.active{opacity:1;z-index:1}.carousel-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem;z-index:2}.carousel-control{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;z-index:2;opacity:1!important;visibility:visible!important}.carousel-control:hover{background:var(--primary-container);color:var(--primary)}.carousel-indicators{display:flex;gap:.5rem;z-index:2}.indicator{width:10px;height:10px;border-radius:50%;background:var(--primary-container);border:none;cursor:pointer;padding:0;transition:background-color .3s ease;opacity:1!important;visibility:visible!important}.indicator.active{background:var(--primary)}.feature-list{list-style:none;padding:0}.feature-list li{margin:1rem 0;padding-left:2rem;position:relative}.feature-list li::before{content:"✓";position:absolute;left:0;color:var(--primary)}.heart{position:fixed;pointer-events:none;z-index:9999;animation:float 3s ease-out forwards;opacity:0}@keyframes float{0%{transform:translateY(0)scale(1);opacity:.8}100%{transform:translateY(-100px)scale(0);opacity:0}}@media(max-width:768px){.split-hero{flex-direction:column}.hero-content{left:5%;bottom:20%;max-width:90%}.hero-content h1{font-size:2.5rem}.hero-content .tagline{font-size:2.5rem}.cta-buttons .btn{margin-right:0;margin-bottom:1rem;width:100%}.features-grid{grid-template-columns:1fr}.approach-headline{font-size:3rem;margin-bottom:1.5rem}.approach-content{padding-left:0;margin-top:2rem}.highlighted-text::after{width:110%;height:110%}.screenshot-container{height:400px}}@media(max-width:576px){.approach-headline{font-size:2.5rem}.approach-text{font-size:1.1rem}}.download-buttons{display:flex;gap:15px;flex-wrap:wrap}