﻿:root{--mauve-dark: #693DB5;--mauve-light: #C5B3E6;--mauve-bg: #F5F0FF;--orange: #FFB84D;--dark: #1a1a1a;--grey-dark: #4a4a4a;--grey: #888;--grey-light: #e8e8e8;--white: #ffffff;--bg-light: #fafafa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--dark);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.hero-title,.section-title,.cta-title,.pricing-name,.feature-title,.navbar-brand{font-family:"Playfair Display",serif}.navbar-custom{background:var(--white);border-bottom:1px solid var(--grey-light);padding:1.2rem 0;transition:all .3s ease}.navbar-custom.scrolled{padding:.8rem 0;box-shadow:0 2px 12px rgba(0,0,0,.04)}.navbar-brand{display:inline-flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.navbar-brand img{transition:transform .2s ease}.navbar-brand:hover img{transform:scale(1.05)}.nav-link{color:var(--grey-dark) !important;font-weight:500;padding:.5rem 1rem !important;font-size:.95rem;transition:color .2s ease;position:relative;text-decoration:none}.nav-link:hover{color:var(--dark) !important}.nav-item.dropdown{position:relative}.nav-link.dropdown-toggle::after{display:none}.nav-link.dropdown-toggle .fa-chevron-down{font-size:.7rem;margin-left:.4rem;transition:transform .2s ease}.nav-item.dropdown:hover .fa-chevron-down{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:var(--white);border:none;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.12);padding:2rem;min-width:280px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1000;margin-top:.5rem}.dropdown-menu:not(.mega-menu){display:block !important}.dropdown-menu.mega-menu{min-width:480px;display:flex !important;gap:2rem;padding:1.5rem}@media(min-width: 993px){.nav-item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}}.menu-group{display:flex;flex-direction:column;gap:.5rem}.menu-group-title{font-size:.75rem;font-weight:700;color:var(--grey-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;padding:0 1.2rem;white-space:nowrap}.dropdown-item{padding:.85rem 1.2rem;color:var(--grey-dark);text-decoration:none;display:flex;align-items:center;font-size:.95rem;font-weight:500;transition:all .25s ease;border-radius:10px;position:relative;gap:.75rem}.dropdown-item .menu-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--mauve-bg);border-radius:10px;flex-shrink:0;transition:all .25s ease}.dropdown-item .menu-icon svg{width:22px;height:22px;fill:var(--mauve-dark);transition:all .25s ease}.dropdown-item .menu-text{display:flex;flex-direction:column;gap:.15rem}.dropdown-item .menu-title{font-weight:600;color:var(--dark);font-size:.95rem}.dropdown-item .menu-desc{font-size:.8rem;color:var(--grey);font-weight:400;line-height:1.3}.dropdown-item:hover{background:rgba(0,0,0,0)}.dropdown-item:hover .menu-icon{background:var(--mauve-bg);transform:scale(1.15)}.dropdown-item:hover .menu-icon svg{fill:var(--mauve-dark)}.dropdown-item:hover .menu-title{color:var(--mauve-dark)}.btn-login{color:var(--grey-dark);font-weight:500;padding:.5rem 1.2rem;font-size:.95rem;transition:all .2s ease;text-decoration:none;border:none;background:rgba(0,0,0,0);border-radius:6px}.btn-login:hover{color:var(--dark);background:var(--mauve-bg)}.btn-signup{background:var(--mauve-dark);border:none;color:#fff;padding:.65rem 1.5rem;border-radius:6px;font-weight:500;font-size:.95rem;transition:all .2s ease;text-decoration:none;display:inline-block;margin-left:.5rem}.btn-signup:hover{background:var(--mauve-light);color:var(--mauve-dark);transform:translateY(-1px);color:#fff}.language-selector{position:relative;margin-right:1rem}.footer-language{margin-right:0}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border:1px solid var(--grey-light);border-radius:6px;background:#fff;color:var(--grey-dark);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.footer-language .language-btn{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.language-btn:hover{border-color:var(--mauve-light);background:var(--mauve-bg)}.footer-language .language-btn:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15)}.language-btn .flag-icon{font-size:1.2rem}.language-btn i{font-size:.7rem;transition:transform .2s ease}.language-selector.active .language-btn i{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;overflow:hidden}.footer-language .language-dropdown{top:auto;bottom:calc(100% + 8px);transform:translateY(10px)}.language-selector.active .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;color:var(--grey-dark);text-decoration:none;transition:all .2s ease;cursor:pointer}.language-option:hover{background:var(--mauve-bg);color:var(--mauve-dark)}.language-option.active{background:var(--mauve-bg);color:var(--mauve-dark);font-weight:600}.language-option .flag-icon{font-size:1.2rem}.language-option .language-name{font-size:.9rem}.btn-primary-custom{background:var(--mauve-dark);border:none;color:#fff;padding:.65rem 1.8rem;border-radius:6px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(105,61,181,.25);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary-custom::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.15);transform:translate(-50%, -50%);transition:width .5s ease,height .5s ease}.btn-primary-custom:hover{background:var(--mauve-light);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(197,179,230,.4)}.btn-primary-custom:hover::before{width:300px;height:300px}.btn-primary-custom:active{transform:translateY(0);box-shadow:0 4px 15px rgba(105,61,181,.3)}.btn-primary-custom i{transition:transform .3s ease;display:inline-block}.btn-primary-custom:hover i{transform:translateY(3px);animation:bounceArrow .6s ease-in-out infinite}.btn-outline-custom{border:2px solid var(--grey-light);color:var(--dark);background:#fff;padding:.65rem 1.8rem;border-radius:6px;font-weight:600;font-size:.95rem;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-outline-custom:hover{background:var(--mauve-bg);border-color:var(--mauve-dark);color:var(--dark);transform:translateY(-2px)}.btn-outline-custom i{transition:transform .3s ease;display:inline-block}.btn-outline-custom:hover i{transform:translateY(3px);animation:bounceArrow .6s ease-in-out infinite}@keyframes bounceArrow{0%,100%{transform:translateY(3px)}50%{transform:translateY(6px)}}.hero-section{min-height:92vh;background:linear-gradient(135deg, var(--mauve-bg) 0%, var(--white) 100%);padding-top:140px;padding-bottom:80px;position:relative;overflow:hidden}.hero-section.hero-homepage{min-height:70vh;max-height:900px;display:flex;align-items:center}.hero-content{max-width:600px;position:relative}.hero-icon{position:absolute;top:-40px;left:-20px;width:120px;height:120px;opacity:0;transform:rotate(-15deg) scale(0.8);animation:iconFloat 1s ease-out .5s forwards,iconGentleMove 6s ease-in-out 2s infinite;z-index:0}.hero-icon svg{width:100%;height:100%;fill:var(--orange) !important;opacity:.15;filter:drop-shadow(0 4px 12px rgba(255, 184, 77, 0.1))}.hero-icon svg *{fill:var(--orange) !important}@keyframes iconFloat{0%{opacity:0;transform:rotate(-15deg) scale(0.8) translateY(10px)}60%{transform:rotate(-15deg) scale(1.05) translateY(-5px)}100%{opacity:1;transform:rotate(-15deg) scale(1) translateY(0)}}@keyframes iconGentleMove{0%,100%{transform:rotate(-15deg) translateY(0) translateX(0)}25%{transform:rotate(-12deg) translateY(-8px) translateX(3px)}50%{transform:rotate(-18deg) translateY(-4px) translateX(-2px)}75%{transform:rotate(-13deg) translateY(-10px) translateX(1px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.scroll-animate{opacity:0}.scroll-animate.animated{animation:fadeInUp .8s ease-out forwards}.scroll-animate-fade{opacity:0}.scroll-animate-fade.animated{animation:fadeIn .8s ease-out forwards}.scroll-animate-left{opacity:0}.scroll-animate-left.animated{animation:fadeInLeft .8s ease-out forwards}.scroll-animate-right{opacity:0}.scroll-animate-right.animated{animation:fadeInRight .8s ease-out forwards}.scroll-animate-delay-1{animation-delay:.1s}.scroll-animate-delay-2{animation-delay:.2s}.scroll-animate-delay-3{animation-delay:.3s}.scroll-animate-delay-4{animation-delay:.4s}.hero-title{font-size:3.4rem;font-weight:700;line-height:1.15;margin-bottom:1.5rem;color:var(--dark);letter-spacing:-1px;position:relative}.hero-title .accent{color:var(--mauve-dark)}.highlight-text{position:relative;display:inline-block;z-index:1}.highlight-text::before{content:"";position:absolute;bottom:.1em;left:-0.2em;right:-0.2em;height:.5em;background:linear-gradient(90deg, var(--orange) 0%, #FFD699 100%);z-index:-1;border-radius:4px;opacity:.85;transform:skewX(-2deg);animation:highlightGrow .6s ease-out 1.5s forwards;transform:scaleX(0) skewX(-2deg);transform-origin:left}@keyframes highlightGrow{from{transform:scaleX(0) skewX(-2deg);transform-origin:left}to{transform:scaleX(1) skewX(-2deg);transform-origin:left}}.highlight-text.blue::before{background:linear-gradient(90deg, #7DD3FC 0%, #BAE6FD 100%)}.highlight-text.mauve::before{background:linear-gradient(90deg, var(--mauve-light) 0%, #E0D4F7 100%)}.highlight-text.thick::before{height:.7em;bottom:0}.highlight-text.underline::before{height:.3em;bottom:-0.05em}.hero-subtitle{font-size:1rem;color:var(--grey);margin-bottom:2.5rem;font-weight:400;line-height:1.7}.hero-image{position:relative}.hero-image img{border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.08);max-width:100%;height:auto}.hero-notifications{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.notification-card{position:absolute;background:#fff;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;align-items:center;gap:.85rem;opacity:0;transform:translateY(20px) scale(0.95);animation:slideInNotification .6s ease-out forwards;max-width:280px}.notification-card.success{border-left:4px solid #10b981}.notification-card.info{border-left:4px solid var(--mauve-dark)}.notification-card.warning{border-left:4px solid var(--orange)}.notification-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.success{background:#d1fae5}.notification-icon.info{background:var(--mauve-bg)}.notification-icon.warning{background:#fff7ed}.notification-icon svg{width:24px;height:24px}.notification-icon.success svg{fill:#10b981}.notification-icon.info svg{fill:var(--mauve-dark)}.notification-icon.warning svg{fill:var(--orange)}.notification-content{flex:1}.notification-title{font-weight:600;color:var(--dark);font-size:.9rem;margin:0 0 .15rem 0}.notification-text{font-size:.8rem;color:var(--grey);margin:0}.notification-card:nth-child(1){top:10%;right:-10%;animation-delay:.5s}.notification-card:nth-child(2){top:15%;left:-5%;animation-delay:1.5s}.notification-card:nth-child(3){bottom:25%;right:-5%;animation-delay:2.5s}.notification-card:nth-child(4){bottom:8%;left:5%;animation-delay:3.5s}@keyframes slideInNotification{0%{opacity:0;transform:translateY(20px) scale(0.95)}60%{transform:translateY(-5px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.notification-card{animation:slideInNotification .6s ease-out forwards,subtlePulse 3s ease-in-out infinite}.notification-card:nth-child(1){animation-delay:1s,2s}.notification-card:nth-child(2){animation-delay:2.5s,3.5s}.notification-card:nth-child(3){animation-delay:4s,5s}.notification-card:nth-child(4){animation-delay:5.5s,6.5s}.features-section{padding:80px 0 120px 0;background:var(--white);position:relative;overflow:hidden}.features-section .container>div:first-child svg{width:100%;height:100%;fill:var(--mauve-dark) !important;opacity:.15;filter:drop-shadow(0 4px 12px rgba(105, 61, 181, 0.1))}.features-section .container>div:first-child svg *{fill:var(--mauve-dark) !important}.section-title{font-size:2.8rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--dark);letter-spacing:-0.5px;position:relative;display:inline-block;width:100%}.section-subtitle{text-align:center;color:var(--grey);font-size:1.15rem;margin-bottom:5rem;margin-top:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.feature-card{padding:2.5rem 2rem;border-radius:12px;background:var(--mauve-bg);border:2px solid rgba(0,0,0,0);transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(105,61,181,.15);border-color:var(--mauve-light);background:#fff}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem;color:var(--mauve-dark)}.feature-icon svg{width:48px;height:48px;fill:var(--mauve-dark);transition:all .3s ease}.feature-icon svg *{fill:var(--mauve-dark)}.feature-icon i{transition:all .3s ease}.feature-card:hover .feature-icon svg,.feature-card:hover .feature-icon i{transform:scale(1.15);fill:var(--mauve-dark);color:var(--mauve-dark)}.feature-card:hover .feature-icon svg *{fill:var(--mauve-dark)}.feature-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--dark)}.feature-description{color:var(--grey);line-height:1.7;font-size:.98rem}.features-hint-icon svg{fill:var(--mauve-dark) !important;width:100% !important;height:100% !important}.features-hint-icon svg *{fill:var(--mauve-dark) !important}.testimonials-section{padding:100px 0;background:var(--bg-light);position:relative;overflow:hidden}.testimonials-carousel-wrapper{position:relative;max-width:1000px;margin:0 auto}.testimonials-carousel{overflow:hidden;position:relative;transition:height .6s cubic-bezier(0.4, 0, 0.2, 1)}.testimonial-track{display:flex;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1)}.testimonial-slide{min-width:100%;padding:0 1rem}.testimonial-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:box-shadow .3s ease;min-height:400px;display:flex;flex-direction:column;position:relative;border:2px solid var(--mauve-light)}.testimonial-card:hover{box-shadow:0 6px 30px rgba(0,0,0,.1)}.testimonial-card:hover .testimonial-quote{transform:scale(1.1) rotate(5deg)}.testimonial-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;justify-content:center}.testimonial-quote{color:var(--mauve-dark);width:50px;height:50px;opacity:.3;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:5px;flex-shrink:0}.testimonial-quote svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.testimonial-quote svg path,.testimonial-quote svg g{fill:var(--mauve-dark);stroke:var(--mauve-dark)}.testimonial-title{font-size:1.3rem;font-weight:700;color:var(--mauve-dark);margin:0;text-align:left;line-height:1.3}.testimonial-text{color:var(--grey-dark);font-size:1rem;line-height:1.7;margin-bottom:2.5rem;flex:1;font-style:italic;text-align:left}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:1.2rem;padding-top:2rem;border-top:2px solid var(--grey-light)}.author-avatar{width:64px;height:64px;border-radius:50%;background:var(--mauve-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mauve-dark);font-size:3rem;overflow:hidden}.author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-info{text-align:left}.author-name{font-size:1.15rem;font-weight:600;color:var(--dark);margin:0 0 .3rem 0;font-family:"Playfair Display",serif}.author-specialty{font-size:.95rem;color:var(--mauve-dark);margin:0;font-weight:500}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:2px solid var(--orange);color:var(--orange);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.1)}.carousel-arrow:hover{background:var(--orange);color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-arrow:hover svg{fill:#fff}.carousel-arrow-left{left:-25px}.carousel-arrow-right{right:-25px}.carousel-arrow svg{width:24px;height:24px}.carousel-dots{display:flex;justify-content:center;gap:.8rem;margin-top:3rem}.dot{width:12px;height:12px;border-radius:50%;background:var(--grey-light);cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.dot:hover{background:var(--mauve-light);transform:scale(1.2)}.dot.active{background:var(--mauve-dark);width:32px;border-radius:6px}.client-experience-section{padding:100px 0;background:#fff;position:relative;text-align:center}.client-experience-section .section-title{color:var(--dark);font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:"Playfair Display",serif}.client-experience-section .section-subtitle{color:var(--grey);font-size:1.15rem;line-height:1.6;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.client-experience-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-client-demo{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.btn-client-demo.primary{background:var(--mauve-dark);color:#fff;box-shadow:0 4px 15px rgba(105,61,181,.3)}.btn-client-demo.primary:hover{background:#5a328a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(105,61,181,.4)}.btn-client-demo.secondary{background:#fff;color:var(--mauve-dark);border-color:var(--mauve-dark)}.btn-client-demo.secondary:hover{background:var(--mauve-bg);transform:translateY(-2px)}.gallery-section{padding:200px 0 120px 0;background:#fff;position:relative;overflow:hidden}.gallery-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-top:3rem}.gallery-item{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:4/3}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.05)}.app-preview-section{padding:120px 0 120px 0;background:linear-gradient(to bottom, var(--mauve-light) 0%, var(--mauve-light) 60%, var(--white) 60%, var(--white) 100%);position:relative;overflow:visible;margin-bottom:-80px}.app-preview-section::before{content:"";position:absolute;top:10%;right:5%;width:300px;height:300px;background:radial-gradient(circle, rgba(255, 184, 77, 0.12) 0%, transparent 70%);border-radius:50%}.app-preview-section::after{content:"";position:absolute;bottom:50%;left:5%;width:250px;height:250px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);border-radius:50%}.app-preview-container{position:relative;z-index:1}.preview-icon{position:absolute;top:-60px;left:10%;transform:rotate(-15deg) scale(0.8);width:120px;height:120px;opacity:0;animation:iconFloat 1s ease-out .5s forwards,iconGentleMove 6s ease-in-out 2s infinite;z-index:0}.preview-icon.mx-auto{position:relative;top:auto;left:auto;margin-bottom:1.5rem;display:block}.preview-icon svg{width:100%;height:100%;fill:var(--mauve-dark) !important;opacity:.2;filter:drop-shadow(0 4px 12px rgba(105, 61, 181, 0.15))}.preview-icon svg *{fill:var(--mauve-dark) !important}.app-preview-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;position:relative}.app-preview-subtitle{color:rgba(255,255,255,.9);font-size:1.15rem;text-align:center;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.app-screenshot-wrapper{max-width:1200px;margin:0 auto;position:relative;perspective:1500px;background:#fff;padding:12px;border-radius:20px}.screenshot-card{position:relative;border-radius:20px;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d}.screenshot-card:hover{transform:translateY(-10px) rotateX(2deg)}.screenshot-border{position:relative;padding:8px;padding-bottom:0;border-radius:20px 20px 0 0;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.2);overflow:hidden;mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 35%, rgba(0, 0, 0, 0.9) 55%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.2) 85%, rgba(0, 0, 0, 0) 100%);-webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 35%, rgba(0, 0, 0, 0.9) 55%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.2) 85%, rgba(0, 0, 0, 0) 100%)}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.screenshot-border{background:rgba(255,255,255,.85)}}.screenshot-inner{border-radius:14px 14px 0 0;overflow:hidden;position:relative}.screenshot-inner::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.8) 60%, rgb(255, 255, 255) 100%);pointer-events:none;z-index:1}.screenshot-inner img{width:100%;height:auto;display:block;border-radius:14px 14px 0 0;transition:transform .5s ease}.screenshot-card:hover .screenshot-inner img{transform:scale(1.05)}@media(max-width: 768px){.app-preview-section{padding:80px 0 150px 0;margin-bottom:-100px}.screenshot-card:hover .screenshot-inner img{transform:scale(1.02)}.mockup-mobile{box-shadow:0 4px 16px rgba(0,0,0,.1)}.app-screenshot-wrapper{padding:8px}}.scroll-animate .mockup-bg-circle-1,.scroll-animate .mockup-bg-circle-2{opacity:0;transform:scale(0.5);transition:all 1s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-animate.animated .mockup-bg-circle-1{opacity:1;transform:scale(1);transition-delay:.2s}.scroll-animate.animated .mockup-bg-circle-2{opacity:1;transform:scale(1);transition-delay:.4s}.scroll-animate .mockup-sidebar{opacity:0;transform:translateX(-30px);transition:all .8s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-animate.animated .mockup-sidebar{opacity:1;transform:translateX(0);transition-delay:.3s}.scroll-animate .mockup-topbar{opacity:0;transform:translateY(-20px);transition:all .8s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-animate.animated .mockup-topbar{opacity:1;transform:translateY(0);transition-delay:.4s}.scroll-animate .mockup-stats{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-animate.animated .mockup-stats{opacity:1;transform:translateY(0);transition-delay:.5s}.scroll-animate .mockup-main-card{opacity:0;transform:translateY(30px) scale(0.95);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-animate.animated .mockup-main-card{opacity:1;transform:translateY(0) scale(1);transition-delay:.6s}.scroll-animate .mockup-screenshot{opacity:0;transform:scale(0.9);transition:all 1s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-animate.animated .mockup-screenshot{opacity:1;transform:scale(1);transition-delay:.9s}.scroll-animate .mockup-sidebar-right{opacity:0;transform:translateX(30px);transition:all .8s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-animate.animated .mockup-sidebar-right{opacity:1;transform:translateX(0);transition-delay:.7s}.faq-section{padding:100px 0;background:var(--bg-light);position:relative}.faq-section .section-title{color:var(--dark);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;font-family:"Playfair Display",serif}.faq-section .section-subtitle{color:var(--grey);font-size:1.15rem;text-align:center;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.faq-container{max-width:900px;margin:0 auto}.faq-item{background:#fff;border-radius:12px;margin-bottom:1.5rem;border:2px solid rgba(0,0,0,0);transition:all .3s ease;overflow:hidden}.faq-item:hover{border-color:var(--mauve-light)}.faq-question{padding:1.5rem 2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question h3{font-size:1.15rem;font-weight:600;color:var(--dark);margin:0;flex:1}.faq-icon{width:24px;height:24px;border-radius:50%;background:var(--mauve-bg);color:var(--mauve-dark);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;flex-shrink:0}.faq-item.active .faq-icon{background:var(--mauve-dark);color:#fff;transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 2rem}.faq-item.active .faq-answer{max-height:500px;padding:0 2rem 1.5rem 2rem}.faq-answer p{color:var(--grey);font-size:1rem;line-height:1.7;margin:0}.cta-section{padding:120px 0;background:linear-gradient(135deg, var(--mauve-bg) 0%, var(--white) 100%);text-align:center;position:relative;overflow:hidden}.svg-icon{display:inline-block;transition:all .3s ease}.svg-icon svg{width:100%;height:100%}.hero-section{position:relative}.hero-content{position:relative;z-index:1}.cta-title{font-size:2.6rem;font-weight:700;margin-bottom:1.5rem;color:var(--dark);letter-spacing:-0.5px}.cta-subtitle{font-size:1.15rem;color:var(--grey);margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.pricing-section{padding:120px 0;background:#fff}.pricing-card{padding:3rem 2.5rem;border-radius:8px;background:#fff;border:1px solid var(--grey-light);transition:all .3s ease;height:100%;position:relative}.pricing-card.featured{border-color:var(--mauve-dark);border-width:2px;background:var(--mauve-bg)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08)}.pricing-badge{position:absolute;top:-12px;right:30px;background:var(--orange);color:#fff;padding:.4rem 1.2rem;border-radius:4px;font-weight:600;font-size:.85rem}.pricing-name{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--dark)}.pricing-price{font-size:3.2rem;font-weight:700;margin-bottom:.5rem;color:var(--dark);letter-spacing:-1px}.pricing-period{color:var(--grey);margin-bottom:2rem;display:block;font-size:.95rem}.pricing-features{list-style:none;margin-bottom:2.5rem}.pricing-features li{padding:.8rem 0;color:var(--grey-dark);position:relative;padding-left:2rem;font-size:.95rem}.pricing-features li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700;font-size:1.1rem}footer.footer{background:var(--mauve-dark);color:#fff;padding:80px 0 30px;margin-top:0}.footer .container{padding-left:15px;padding-right:15px}.footer-brand{font-family:"Playfair Display",serif;font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-description{color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:2rem;max-width:300px}.footer-title{font-size:.85rem;font-weight:600;margin-bottom:1.5rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:rgba(255,255,255,.85);text-decoration:none;transition:all .2s ease;font-size:.95rem;display:inline-block}.footer-links a:hover{color:var(--orange);transform:translateX(3px)}.social-links{display:flex;gap:.8rem;margin-top:1.5rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;transition:all .2s ease;font-size:1rem;text-decoration:none}.social-links a:hover{background:var(--orange);transform:translateY(-3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:4rem;padding-top:2rem;text-align:center;color:rgba(255,255,255,.7);font-size:.9rem;display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.footer-bottom p{margin:0}.footer-love{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.7)}.footer-heart{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}.footer-heart svg{width:20px;height:20px;fill:var(--orange);transition:all .3s ease}.footer-love:hover .footer-heart{animation:heartBeat .6s ease-in-out}@keyframes heartBeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(0.9)}20%,40%,60%,80%{transform:scale(1.2)}50%,70%{transform:scale(1.1)}}.navbar-toggler{border:none;padding:.5rem;background:rgba(0,0,0,0);position:relative;width:30px;height:30px;cursor:pointer}.navbar-toggler:focus{outline:none;box-shadow:none}.navbar-toggler-icon{background-image:none;position:relative;display:block;width:24px;height:2px;background:var(--dark);transition:all .3s ease}.navbar-toggler-icon::before,.navbar-toggler-icon::after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--dark);transition:all .3s ease}.navbar-toggler-icon::before{top:-8px}.navbar-toggler-icon::after{top:8px}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{background:rgba(0,0,0,0)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before{top:0;transform:rotate(45deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after{top:0;transform:rotate(-45deg)}@media(max-width: 992px){.gallery-grid{grid-template-columns:repeat(2, 1fr)}.navbar-collapse{position:fixed;top:70px;left:0;right:0;background:var(--white);max-height:calc(100vh - 70px);overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.1);border-top:1px solid var(--grey-light);padding:0;z-index:999;display:none}.navbar-collapse.show{display:block}.navbar-nav{margin:0 !important;padding:0 !important}.nav-item{border-bottom:1px solid var(--grey-light)}.nav-item:last-child{border-bottom:none}.nav-link{padding:1.2rem 1.5rem !important;font-size:1.05rem;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--dark) !important}.nav-link.dropdown-toggle{cursor:pointer;background:rgba(0,0,0,0) !important}.nav-link .fa-chevron-down{transition:transform .3s ease;font-size:.9rem;opacity:.5;margin-left:auto}.nav-item.show .nav-link .fa-chevron-down{transform:rotate(180deg);opacity:1}.dropdown-menu{position:static !important;transform:none !important;box-shadow:none !important;border:none !important;background:var(--bg-light) !important;padding:0 !important;margin:0 !important;border-radius:0 !important;opacity:1 !important;visibility:visible !important;display:none !important;min-width:auto !important;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-item.show .dropdown-menu{display:block !important;max-height:2000px}.dropdown-menu.mega-menu{padding:0 !important;display:block !important;flex-direction:column !important;gap:0 !important}.menu-group{display:block !important;gap:0 !important;border-bottom:1px solid var(--grey-light)}.menu-group:last-child{border-bottom:none}.menu-group-title{font-size:.75rem;padding:1rem 1.5rem .5rem 1.5rem;color:var(--grey);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.dropdown-item{padding:.85rem 1.5rem !important;font-size:.95rem !important;border-radius:0 !important;gap:.75rem !important;display:flex !important;align-items:center !important;background:rgba(0,0,0,0) !important;border-bottom:1px solid rgba(0,0,0,.04)}.dropdown-item:last-child{border-bottom:none}.dropdown-item .menu-icon{width:40px;height:40px;background:var(--white)}.dropdown-item .menu-icon svg{width:20px;height:20px}.dropdown-item:active{background:var(--mauve-bg) !important}.auth-buttons-mobile{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--bg-light);border-bottom:2px solid var(--grey-light)}.btn-login-mobile,.btn-signup-mobile{padding:.875rem 1.5rem;text-align:center;border-radius:8px;font-weight:600;text-decoration:none;display:block;transition:all .3s ease}.btn-login-mobile{background:var(--white);color:var(--mauve-dark);border:2px solid var(--mauve-dark)}.btn-login-mobile:active{background:var(--mauve-bg)}.btn-signup-mobile{background:var(--mauve-dark);color:var(--white);border:2px solid var(--mauve-dark)}.btn-signup-mobile:active{background:var(--mauve-light);border-color:var(--mauve-light)}.language-selector-mobile{border-top:2px solid var(--grey-light);padding:1.5rem;background:var(--bg-light)}.navbar-nav .auth-buttons{display:none}.language-selector{margin:0;padding:0}.language-btn{width:100%;justify-content:center;padding:.75rem}}@media(max-width: 768px){.carousel-arrow{display:none}.hero-section{text-align:center}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-icon{margin-left:auto;margin-right:auto}.hero-title{font-size:2.8rem;letter-spacing:-1.5px}.hero-subtitle{font-size:1.1rem}.d-flex.gap-3{justify-content:center;width:100%}.hero-notifications .notification-card:nth-child(1){top:3%;right:5%;left:auto}.hero-notifications .notification-card:nth-child(2){bottom:3%;left:5%;top:auto;right:auto}.notification-card{padding:.75rem 1rem;max-width:220px}.notification-icon{width:36px;height:36px}.notification-icon svg{width:18px;height:18px}.notification-title{font-size:.8rem}.notification-text{font-size:.75rem}.section-title{font-size:2.2rem}.gallery-grid{grid-template-columns:1fr}.footer .col-lg-4,.footer .col-lg-2,.footer .col-md-6,.footer .col-6{text-align:center;display:flex;flex-direction:column;align-items:center}.footer-brand{text-align:center}.footer-description{text-align:center;margin-left:auto;margin-right:auto}.footer-title{text-align:center}.footer-links{text-align:center}.footer-links a{display:inline-block}.social-links{justify-content:center;margin-bottom:3rem}.footer-bottom{flex-direction:column;gap:1.5rem}.footer-language{order:2}.footer-love{order:3}.pricing-card.featured{margin-bottom:2rem}}@keyframes web3-snowfall{0%{transform:translateY(-10px) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(70px) translateX(15px) rotate(360deg);opacity:0}}@keyframes web3-snowfall-alt{0%{transform:translateY(-10px) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(80px) translateX(-12px) rotate(-360deg);opacity:0}}@keyframes web3-snowfall-gentle{0%{transform:translateY(-10px) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(90px) translateX(8px) rotate(180deg);opacity:0}}@keyframes web3-sparkle{0%,100%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes web3-subtle-shadow{0%,100%{filter:drop-shadow(0 2px 4px rgba(105, 61, 181, 0.15))}50%{filter:drop-shadow(0 3px 8px rgba(105, 61, 181, 0.25))}}@keyframes web3-golden-glow-dark{0%,100%{filter:drop-shadow(0 0 6px rgba(255, 184, 77, 0.5))}50%{filter:drop-shadow(0 0 12px rgba(255, 184, 77, 0.8))}}@keyframes web3-festive-bounce{0%,100%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(-3deg)}75%{transform:scale(1.05) rotate(3deg)}}@keyframes web3-purple-pulse{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(5deg) brightness(1.08)}}@keyframes navbar-snow-fall{0%{transform:translateY(-20px) translateX(0) rotate(0deg);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateY(100px) translateX(20px) rotate(360deg);opacity:0}}.navbar-brand{position:relative;display:inline-block;transition:all .3s ease;animation:web3-subtle-shadow 3s ease-in-out infinite}.navbar-brand::before,.navbar-brand::after{content:"❄";position:absolute;color:rgba(105,61,181,.6);font-size:14px;pointer-events:none;z-index:-1;text-shadow:0 1px 3px rgba(105,61,181,.3)}.navbar-brand::before{top:-8px;left:-5px;animation:web3-snowfall 4.5s ease-in-out infinite}.navbar-brand::after{top:-8px;right:-5px;animation:web3-snowfall-alt 5s ease-in-out infinite 1s}.navbar-brand:hover{animation:web3-festive-bounce .6s ease-in-out,web3-subtle-shadow 3s ease-in-out infinite}.navbar-brand:hover img{animation:web3-purple-pulse 1s ease-in-out;filter:brightness(1.1)}.footer img[alt=Fotostudio]{position:relative;display:inline-block;transition:all .3s ease;animation:web3-golden-glow-dark 3.5s ease-in-out infinite}.footer img[alt=Fotostudio]::before,.footer img[alt=Fotostudio]::after{content:"❄";position:absolute;color:rgba(255,255,255,.7);font-size:16px;pointer-events:none;z-index:-1;text-shadow:0 0 10px rgba(255,184,77,.6)}.footer img[alt=Fotostudio]::before{top:-10px;left:-8px;animation:web3-snowfall-gentle 5s ease-in-out infinite}.footer img[alt=Fotostudio]::after{top:-10px;right:-8px;animation:web3-snowfall-alt 5.5s ease-in-out infinite 1.5s}.footer .col-lg-4{position:relative}.footer .col-lg-4::before{content:"✨";position:absolute;top:20px;left:-20px;font-size:12px;opacity:0;animation:web3-sparkle 3s ease-in-out infinite;color:var(--orange)}.navbar-custom{position:relative;overflow:visible}.navbar-custom::before,.navbar-custom::after{content:"❄";position:absolute;color:rgba(105,61,181,.15);font-size:10px;pointer-events:none;z-index:-10}.navbar-custom::before{top:-15px;left:15%;animation:navbar-snow-fall 8s linear infinite}.navbar-custom::after{top:-15px;right:20%;animation:navbar-snow-fall 10s linear infinite 2s}.christmas-mode .navbar-custom{background:linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(245, 240, 255) 100%) !important}.christmas-mode .navbar-brand::before,.christmas-mode .navbar-brand::after{font-size:16px;animation-duration:3.5s}.christmas-mode footer.footer{position:relative;overflow:hidden}.christmas-mode footer.footer::before,.christmas-mode footer.footer::after{content:"🎄";position:absolute;font-size:20px;pointer-events:none;opacity:.3}.christmas-mode footer.footer::before{top:20px;left:10%;animation:navbar-snow-fall 12s linear infinite}.christmas-mode footer.footer::after{top:20px;right:15%;animation:navbar-snow-fall 15s linear infinite 3s}@media(max-width: 768px){.navbar-brand::before,.navbar-brand::after{font-size:12px}.footer img[alt=Fotostudio]::before,.footer img[alt=Fotostudio]::after{font-size:14px}}.btn-primary,.btn-secondary{position:relative;overflow:hidden}.btn-primary:hover::before,.btn-secondary:hover::before{content:"✨";position:absolute;top:50%;left:10%;transform:translateY(-50%);font-size:10px;opacity:0;animation:web3-sparkle .8s ease-out;pointer-events:none}.navbar-brand,.footer img[alt=Fotostudio]{will-change:transform,filter}@media(prefers-reduced-motion: reduce){.navbar-brand,.footer img[alt=Fotostudio],.navbar-brand::before,.navbar-brand::after,.footer img[alt=Fotostudio]::before,.footer img[alt=Fotostudio]::after{animation:none !important}}
