.landing-page{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2)}.nav{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);padding:1rem 5%;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,.1)}.nav-container{justify-content:space-between;max-width:1200px;margin:0 auto}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:.75rem}.nav-logo{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-img{height:40px;width:auto}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:color .3s}.nav-link:hover{color:#667eea}.nav-icon{display:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 5% 4rem;position:relative;overflow:hidden}.hero-canvas{position:absolute;width:100%;height:100%;opacity:.1}.hero-content{position:relative;z-index:1;max-width:800px;color:#fff}.hero-title{font-size:3.5rem;margin:0 0 1.5rem;animation:fadeInUp 1s ease}.hero-subtitle{font-size:1.3rem;margin:0 0 2rem;opacity:.95;animation:fadeInUp 1s ease .2s backwards}.hero-cta{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#667eea;text-decoration:none;border-radius:50px;font-weight:700;transition:all .3s;animation:fadeInUp 1s ease .4s backwards;box-shadow:0 10px 30px rgba(0,0,0,.2);border:none;cursor:pointer;font-size:1rem}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.section{padding:5rem 5%}.section-white{background:#fff}.section-gray{background:#f8f9fa}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;color:#333}.section-subtitle,.section-title{text-align:center;margin:0 0 3rem}.section-subtitle{font-size:1.2rem;color:#666}.section-description{font-size:1.2rem;margin:0 auto 2rem;max-width:600px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{padding:2rem;background:#fff;border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,.15)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.8rem}.feature-title{margin:0 0 1rem;color:#667eea}.feature-description{margin:0}.pricing-card{padding:2.5rem 2rem;background:#fff;border-radius:20px;box-shadow:0 5px 25px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;border:2px solid #e2e8f0;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,.15)}.pricing-card-popular{border:2px solid #667eea}.pricing-card-pro{border:2px solid #8b5cf6}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#667eea;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:700}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.8rem}.pricing-icon-free{background:linear-gradient(135deg,#10b981,#059669)}.pricing-icon-basic{background:linear-gradient(135deg,#667eea,#764ba2)}.pricing-icon-pro{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pricing-plan-name{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#333}.pricing-price{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.pricing-price-free{color:#10b981}.pricing-price-basic{color:#667eea}.pricing-price-pro{color:#8b5cf6}.pricing-period{color:#666;font-size:.9rem;margin:0}.pricing-features{list-style:none;padding:0;margin:0 0 2rem}.pricing-feature{display:flex;align-items:center;margin-bottom:.75rem;font-size:.95rem}.pricing-feature-icon{margin-right:.75rem;font-size:1.2rem}.pricing-feature-icon-free{color:#10b981}.pricing-feature-icon-basic{color:#667eea}.pricing-feature-icon-pro{color:#8b5cf6}.btn{width:100%;padding:1rem;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{cursor:not-allowed;background:#9ca3af!important}.btn-free{background:#10b981;color:#fff}.btn-free:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-basic{background:#667eea;color:#fff}.btn-basic:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px)}.btn-pro{background:#8b5cf6;color:#fff}.btn-pro:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.btn-cta{display:inline-block;padding:1rem 2.5rem;background-color:#667eea;color:#fff;text-decoration:none;border-radius:50px;font-weight:700;transition:all .3s;box-shadow:0 10px 30px rgba(0,0,0,.2);border:none;cursor:pointer;font-size:1rem}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.spinner{width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.footer{background:#2d3748;color:#fff;padding:3rem 5%;text-align:center}.footer p{margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-menu-btn{display:none}@media (max-width:768px){.mobile-menu-btn{display:block!important}.nav-menu{position:fixed;top:100%;left:0;width:100%;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);flex-direction:column;padding:2rem 0;box-shadow:0 5px 20px rgba(0,0,0,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.nav-menu-open{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{margin:0;text-align:center}.nav-link{display:block;padding:1rem 2rem;font-size:1.1rem;border-bottom:1px solid rgba(0,0,0,.1)}.nav-link:last-child{border-bottom:none}.nav-icon{display:inline-block;margin-right:.75rem;width:18px;height:18px;flex-shrink:0}.hero-title{font-size:2.5rem!important}.section{padding:3rem 5%}.grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:480px){.nav{padding:.75rem 3%}.nav-menu{flex-direction:column;gap:.5rem!important}.hero{padding:6rem 3% 3rem}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1.1rem}.section{padding:2rem 3%}.section-title{font-size:2rem}}