@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";.landing-page{font-family:Plus Jakarta Sans,sans-serif}html{scroll-behavior:smooth}:root{--landing-primary-50: #f0fdfa;--landing-primary-100: #ccfbf1;--landing-primary-200: #99f6e4;--landing-primary-300: #5eead4;--landing-primary-400: #2dd4bf;--landing-primary-500: #14b8a6;--landing-primary-600: #0d9488;--landing-primary-700: #0f766e;--landing-primary-800: #115e59;--landing-primary-900: #134e4a;--landing-primary-950: #042f2e;--landing-accent-50: #f0f9ff;--landing-accent-100: #e0f2fe;--landing-accent-200: #bae6fd;--landing-accent-300: #7dd3fc;--landing-accent-400: #38bdf8;--landing-accent-500: #0ea5e9;--landing-accent-600: #0284c7;--landing-accent-700: #0369a1;--landing-accent-800: #075985;--landing-accent-900: #0c4a6e;--landing-success-50: #ecfdf5;--landing-success-100: #d1fae5;--landing-success-200: #a7f3d0;--landing-success-300: #6ee7b7;--landing-success-400: #34d399;--landing-success-500: #10b981;--landing-success-600: #059669;--landing-success-700: #047857;--landing-success-800: #065f46;--landing-success-900: #064e3b;--landing-warning-50: #fffbeb;--landing-warning-100: #fef3c7;--landing-warning-200: #fde68a;--landing-warning-300: #fcd34d;--landing-warning-400: #fbbf24;--landing-warning-500: #f59e0b;--landing-warning-600: #d97706;--landing-warning-700: #b45309;--landing-warning-800: #92400e;--landing-warning-900: #78350f;--landing-gray-50: #f8fafc;--landing-gray-100: #f1f5f9;--landing-gray-200: #e2e8f0;--landing-gray-300: #cbd5e1;--landing-gray-400: #94a3b8;--landing-gray-500: #64748b;--landing-gray-600: #475569;--landing-gray-700: #334155;--landing-gray-800: #1e293b;--landing-gray-900: #0f172a;--landing-gray-950: #020617}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .8s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .8s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out forwards}.animate-pulse-custom{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-slide-in-bottom{animation:slideInFromBottom .8s ease-out forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.gradient-primary{background:linear-gradient(135deg,var(--landing-primary-500) 0%,var(--landing-primary-700) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--landing-accent-400) 0%,var(--landing-accent-600) 100%)}.gradient-success{background:linear-gradient(135deg,var(--landing-success-400) 0%,var(--landing-success-600) 100%)}.gradient-hero{background:linear-gradient(135deg,var(--landing-primary-600) 0%,var(--landing-primary-800) 50%,var(--landing-accent-600) 100%)}.glass-effect{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#ffffffbf;border:1px solid rgba(255,255,255,.125)}.glass-effect-dark{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#111928bf;border:1px solid rgba(255,255,255,.125)}.landing-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:1px solid var(--landing-gray-200)}.landing-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--landing-primary-200)}.landing-card-feature{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .4s ease;border:1px solid var(--landing-gray-100);position:relative;overflow:hidden}.landing-card-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--landing-primary-500),var(--landing-accent-500));transform:scaleX(0);transition:transform .3s ease}.landing-card-feature:hover:before{transform:scaleX(1)}.landing-card-feature:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px -12px #00000040;border-color:var(--landing-primary-300)}.landing-btn-primary{background:linear-gradient(135deg,var(--landing-primary-600) 0%,var(--landing-primary-800) 100%);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #0d94884d;text-decoration:none;position:relative;overflow:hidden}.landing-btn-primary:hover{background:linear-gradient(135deg,var(--landing-primary-700) 0%,var(--landing-primary-900) 100%);transform:translateY(-1px);box-shadow:0 5px 15px #0d948866}.landing-btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #0d94884d}.landing-btn-primary:focus{outline:none;box-shadow:0 0 0 3px #0d94884d}.landing-btn-secondary{background:#fffffff2;color:var(--landing-primary-700);padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;border:1.5px solid var(--landing-primary-300);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014}.landing-btn-secondary:hover{background:var(--landing-primary-50);border-color:var(--landing-primary-500);color:var(--landing-primary-800);transform:translateY(-1px);box-shadow:0 4px 12px #0d948826}.landing-btn-secondary:active{transform:translateY(0);box-shadow:0 2px 6px #0d94881a}.landing-btn-secondary:focus{outline:none;box-shadow:0 0 0 3px #0d948833}.text-gradient{background:linear-gradient(135deg,var(--landing-primary-600),var(--landing-accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;line-height:1.1;padding:.1em 0}.gradient-text{background:linear-gradient(135deg,var(--landing-primary-600) 0%,var(--landing-accent-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;line-height:1.2;padding:.05em 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.landing-icon{width:48px;height:48px;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.landing-icon-primary{background:var(--landing-primary-100);color:var(--landing-primary-600)}.landing-icon-accent{background:var(--landing-accent-100);color:var(--landing-accent-600)}.landing-icon-success{background:var(--landing-success-100);color:var(--landing-success-600)}.landing-icon:hover{transform:scale(1.1) rotate(5deg)}.hero-gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.hero-gradient-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}@media (max-width: 768px){.landing-card-feature{padding:1.5rem}.landing-btn-primary,.landing-btn-secondary{padding:12px 24px;font-size:15px}}@media (max-width: 640px){.landing-btn-primary,.landing-btn-secondary{padding:8px 12px;font-size:16px;width:100%;justify-content:center}}@media (prefers-color-scheme: dark){.landing-card,.landing-card-feature{background:var(--landing-gray-800);border-color:var(--landing-gray-700);color:#fff}.landing-card:hover,.landing-card-feature:hover{border-color:var(--landing-primary-400)}}.scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s ease}.scroll-animate.animate{opacity:1;transform:translateY(0)}.sticky-header{transition:all .3s cubic-bezier(.4,0,.2,1)}.sticky-header.scrolled{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background-color:#ffffffd9;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px #ffffff1a}.sticky-header.scrolled.dark{background-color:#111928d9;border:1px solid rgba(255,255,255,.1)}.header-glass-effect{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(135deg,#fffc,#fff9);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff80;transition:all .3s ease}.header-glass-effect:hover{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:0 12px 40px #1f268773,inset 0 1px #fff9}.nav-link-modern{position:relative;overflow:hidden;transition:all .3s ease}.shadow-3xl{box-shadow:0 35px 60px -12px #00000040}.glass-card{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff80}@keyframes cardFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.animate-card-float:hover{animation:cardFloat .6s ease-in-out}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-text{background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:gradientShift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-8px) rotate(5deg)}60%{transform:translateY(-4px) rotate(-3deg)}}.animate-icon-bounce:hover{animation:iconBounce .8s ease}