@font-face{font-family:"Inter";src:url("../fonts/Inter-Variable.woff2") format("woff2-variations");font-weight:100 900;font-display:swap;font-style:normal}:root{--blue-50:#f2f5f9;--blue-100:#e1e9f2;--blue-200:#c8d7e8;--blue-300:#a1bbd8;--blue-400:#7397c3;--blue-500:#1a428a;--blue-600:#153672;--blue-700:#122c5d;--blue-800:#11264e;--blue-900:#122242;--blue-950:#0b152a;--green-50:#f4f9ec;--green-100:#e6f2d6;--green-200:#cfe5b1;--green-300:#b0d481;--green-400:#90bf56;--green-500:#76c043;--green-600:#5c9a32;--green-700:#47752a;--green-800:#3b5d25;--green-900:#334f22;--green-950:#192b0f;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-base:300ms cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.text-center{text-align:center}.gradient-text{background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);transition:all var(--transition-base)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);max-width:1280px;margin:0 auto}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.navbar-logo img{height:40px;width:auto}.navbar-logo span{font-size:var(--font-size-xl);font-weight:800;color:var(--blue-600)}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-lg);list-style:none}.navbar-link{color:var(--gray-700);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition-base)}.navbar-link:hover{color:var(--blue-500)}.navbar-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:0.625rem 1.5rem;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--blue-600) 100% );color:white;text-decoration:none;font-weight:600;font-size:var(--font-size-sm);border-radius:var(--radius-full)}.navbar-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.navbar-toggle span{width:25px;height:3px;background:var(--blue-600);border-radius:2px;transition:all var(--transition-base)}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:65px;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);flex-direction:column;gap:0;padding:var(--spacing-md) 0;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;opacity:0;transition:all var(--transition-base)}.navbar-menu.active{max-height:400px;opacity:1}.navbar-menu li{width:100%;text-align:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--gray-100)}.navbar-menu li:last-child{border-bottom:none}.navbar-link,.navbar-cta{display:block;width:100%}}.footer{background:linear-gradient( 135deg,var(--gray-900) 0%,var(--blue-950) 100% );color:white}.footer-content{padding:var(--spacing-3xl) 0 var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,0.1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-2xl)}.footer-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.footer-logo-img{height:40px;width:auto}.footer-brand{font-size:var(--font-size-xl);font-weight:800;color:white}.footer-description{color:rgba(255,255,255,0.7);font-size:var(--font-size-sm);line-height:1.6;max-width:280px}.footer-social{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:var(--radius-md);color:white;transition:all var(--transition-base);text-decoration:none}.social-link:hover{background:var(--green-500);transform:translateY(-3px)}.footer-title{font-size:var(--font-size-lg);font-weight:700;color:white;margin-bottom:var(--spacing-xs)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-base);display:inline-block}.footer-links a:hover{color:var(--green-400);transform:translateX(5px)}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-contact li{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:rgba(255,255,255,0.7);font-size:var(--font-size-sm)}.footer-contact svg{flex-shrink:0;margin-top:2px;opacity:0.7}.footer-contact a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color var(--transition-base)}.footer-contact a:hover{color:var(--green-400)}.footer-bottom{padding:var(--spacing-lg) 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-copyright{color:rgba(255,255,255,0.6);font-size:var(--font-size-sm);margin:0}.footer-legal{display:flex;align-items:center;gap:var(--spacing-md)}.footer-legal a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-base)}.footer-legal a:hover{color:var(--green-400)}.footer-separator{color:rgba(255,255,255,0.3)}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-description{max-width:100%}.footer-bottom-content{flex-direction:column;text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:1rem 2rem;font-size:var(--font-size-lg);font-weight:600;text-decoration:none;border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;border:none}.btn-primary{background:linear-gradient( 135deg,var(--green-500) 0%,var(--green-600) 100% );color:white}.btn-secondary{background:rgba(255,255,255,0.1);color:white;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient( 135deg,var(--blue-950) 0%,var(--blue-800) 50%,var(--blue-900) 100% );overflow:hidden;padding-top:80px}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( circle at 20% 50%,rgba(118,192,67,0.1) 0%,transparent 50% ),radial-gradient( circle at 80% 80%,rgba(26,66,138,0.2) 0%,transparent 50% );animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-text h1{font-size:var(--font-size-5xl);font-weight:800;color:white;line-height:1.1;margin-bottom:var(--spacing-md);min-height:3.3em}.hero-text .highlight{color:var(--green-500)}.hero-text p{font-size:var(--font-size-xl);color:var(--gray-300);margin-bottom:var(--spacing-xl);min-height:4.8em}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.visual-container{position:relative;width:100%;max-width:500px;height:500px}.document-card{position:absolute;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:all var(--transition-base)}.main-card{top:50%;left:50%;transform:translate(-50%,-50%);width:320px;padding:var(--spacing-lg);z-index:3;animation:floatMain 6s ease-in-out infinite}@keyframes floatMain{0%,100%{transform:translate(-50%,-50%) translateY(0px)}50%{transform:translate(-50%,-50%) translateY(-15px)}}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-100)}.doc-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );border-radius:var(--radius-md);color:white}.doc-info{flex:1;display:flex;justify-content:space-between;align-items:center}.doc-type{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900)}.doc-status{font-size:var(--font-size-sm);font-weight:600;padding:0.25rem 0.75rem;border-radius:var(--radius-full)}.status-approved{background:rgba(118,192,67,0.1);color:var(--green-600)}.status-processing{background:rgba(255,193,7,0.1);color:#f59e0b}.card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.doc-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.doc-detail .label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.doc-detail .value{font-size:var(--font-size-base);color:var(--gray-900);font-weight:600}.secondary-card{width:180px;padding:var(--spacing-md);animation:floatSecondary 5s ease-in-out infinite}.card-cte{top:10%;right:5%;z-index:2;animation-delay:-1s}.card-nfce{bottom:15%;left:0%;z-index:2;animation-delay:-2s}@keyframes floatSecondary{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.card-header-mini{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.doc-type-mini{font-size:var(--font-size-sm);font-weight:700;color:var(--blue-600)}.doc-status-mini{font-size:var(--font-size-xs);font-weight:600;padding:0.125rem 0.5rem;border-radius:var(--radius-full)}.mini-value{font-size:var(--font-size-xl);font-weight:800;color:var(--gray-900)}.stats-badge{position:absolute;top:5%;left:5%;background:linear-gradient( 135deg,var(--green-500) 0%,var(--green-600) 100% );color:white;padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(118,192,67,0.4);z-index:4;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.badge-number{display:block;font-size:var(--font-size-2xl);font-weight:800}.badge-label{display:block;font-size:var(--font-size-xs);opacity:0.9}.floating-element{position:absolute;animation:rotate 20s linear infinite}.element-1{top:20%;right:-5%;z-index:1}.element-2{bottom:20%;right:10%;z-index:1;animation-direction:reverse}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{background:white;padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient( 90deg,var(--blue-500) 0%,var(--green-500) 100% );transform:scaleX(0);transition:transform var(--transition-base)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--blue-200)}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl);color:white}.feature-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--gray-600)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl)}.step-card{text-align:center}.step-number{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );color:white;font-size:var(--font-size-3xl);font-weight:800;border-radius:var(--radius-full);margin:0 auto var(--spacing-md)}.step-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900)}.testimonials{background:var(--blue-950);color:white}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.testimonial-card{background:rgba(255,255,255,0.05);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-8px);background:rgba(255,255,255,0.08)}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );display:flex;align-items:center;justify-content:center;font-weight:700}.cta-section{background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );color:white;text-align:center}.btn-white{background:white;color:var(--blue-600)}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-text{text-align:center}.hero-text h1{font-size:var(--font-size-4xl)}.hero-text p{font-size:var(--font-size-lg)}.hero-cta{justify-content:center}.visual-container{max-width:400px;height:400px;margin:0 auto}.main-card{width:280px}.secondary-card{width:150px}}@media (max-width:768px){.hero{min-height:auto;padding:var(--spacing-3xl) 0}.hero-text h1{font-size:var(--font-size-3xl)}.hero-text p{font-size:var(--font-size-base)}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;justify-content:center}.visual-container{max-width:320px;height:320px}.main-card{width:240px;padding:var(--spacing-md)}.secondary-card{width:130px;padding:var(--spacing-sm)}.stats-badge{padding:var(--spacing-sm)}.badge-number{font-size:var(--font-size-xl)}.badge-label{font-size:0.65rem}}@media (max-width:480px){.hero-text h1{font-size:var(--font-size-2xl)}.visual-container{display:none}}.section-header-modern{text-align:center;margin-bottom:var(--spacing-3xl)}.section-badge{display:inline-block;padding:0.5rem 1.25rem;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );color:white;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-md)}.section-badge-light{background:rgba(255,255,255,0.2);color:white}.section-title-large{font-size:var(--font-size-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-md);line-height:1.2}.section-title-light{color:white}.section-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto}.section-subtitle-light{color:rgba(255,255,255,0.8)}.features-section{padding:var(--spacing-3xl) 0;background:var(--gray-50)}.features-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.feature-card-modern{background:white;padding:var(--spacing-xl);border-radius:var(--radius-xl);border:2px solid var(--gray-200);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;cursor:pointer}.feature-card-modern::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient( 90deg,var(--blue-500) 0%,var(--green-500) 100% );transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.feature-card-modern:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:var(--blue-300)}.feature-card-modern:hover::before{transform:scaleX(1)}.feature-icon-modern{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-50) 0%,var(--green-50) 100% );border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);color:var(--blue-600);transition:all var(--transition-base)}.feature-card-modern:hover .feature-icon-modern{background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );color:white;transform:scale(1.1) rotate(5deg)}.feature-title-modern{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.feature-description-modern{color:var(--gray-600);line-height:1.6;margin-bottom:var(--spacing-md)}.feature-arrow{display:flex;align-items:center;color:var(--blue-500);opacity:0;transform:translateX(-10px);transition:all var(--transition-base)}.feature-card-modern:hover .feature-arrow{opacity:1;transform:translateX(0)}.how-it-works-section{padding:var(--spacing-3xl) 0;background:white}.steps-timeline{display:flex;flex-direction:column;gap:var(--spacing-2xl);position:relative}.step-card-modern{display:flex;gap:var(--spacing-xl);align-items:flex-start;background:var(--gray-50);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:2px solid var(--gray-200);transition:all 0.4s ease;position:relative}.step-card-modern:hover{background:white;border-color:var(--blue-300);box-shadow:0 10px 30px rgba(0,0,0,0.08);transform:translateX(10px)}.step-number-modern{position:relative;flex-shrink:0}.step-number-modern span{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );color:white;font-size:var(--font-size-2xl);font-weight:800;border-radius:var(--radius-full);position:relative;z-index:2}.step-pulse{position:absolute;top:0;left:0;width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );opacity:0.3;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.3}50%{transform:scale(1.2);opacity:0}}.step-content{flex:1}.step-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-50) 0%,var(--green-50) 100% );border-radius:var(--radius-lg);color:var(--blue-600);margin-bottom:var(--spacing-md)}.step-title-modern{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.step-description{color:var(--gray-600);line-height:1.6;margin-bottom:var(--spacing-md)}.step-features{list-style:none;display:flex;gap:var(--spacing-md);flex-wrap:wrap}.step-features li{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600}.step-connector{width:2px;height:40px;background:linear-gradient( 180deg,var(--blue-300) 0%,var(--green-300) 100% );margin:0 auto;margin-left:39px}.testimonials-section{padding:var(--spacing-3xl) 0;background:linear-gradient( 135deg,var(--blue-950) 0%,var(--gray-900) 100% );position:relative;overflow:hidden}.testimonials-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');opacity:0.3}.testimonials-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);position:relative;z-index:1}.testimonial-card-modern{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all 0.4s ease;position:relative}.testimonial-card-modern:hover{transform:translateY(-10px);background:rgba(255,255,255,0.1);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.testimonial-quote{color:var(--green-400);margin-bottom:var(--spacing-md);opacity:0.5}.testimonial-text{color:white;font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-md);font-style:italic}.testimonial-rating{display:flex;gap:4px;margin-bottom:var(--spacing-md)}.testimonial-rating .star{color:#fbbf24;font-size:var(--font-size-lg)}.testimonial-author-modern{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,0.1)}.author-avatar-modern{width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--green-500)}.author-avatar-modern img{width:100%;height:100%;object-fit:cover}.author-info{flex:1}.author-name{color:white;font-size:var(--font-size-lg);font-weight:700;margin-bottom:4px}.author-position{color:var(--green-400);font-size:var(--font-size-sm);margin-bottom:2px}.author-company{color:rgba(255,255,255,0.6);font-size:var(--font-size-sm)}.cta-section-modern{padding:var(--spacing-3xl) 0;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );position:relative;overflow:hidden}.cta-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');opacity:0.5}.cta-content-modern{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.cta-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:0.5rem 1.25rem;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:white;font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-md)}.cta-title{font-size:var(--font-size-5xl);font-weight:800;color:white;margin-bottom:var(--spacing-md);line-height:1.2}.cta-description{font-size:var(--font-size-xl);color:rgba(255,255,255,0.9);margin-bottom:var(--spacing-xl);line-height:1.6}.cta-features-list{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.cta-feature-item{display:flex;align-items:center;gap:var(--spacing-xs);color:white;font-weight:600}.cta-feature-item svg{flex-shrink:0}.cta-buttons-modern{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.btn-cta-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1.25rem 2.5rem;background:white;color:var(--blue-600);font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}.btn-cta-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1.25rem 2.5rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);color:white;font-size:var(--font-size-lg);font-weight:700;border:2px solid rgba(255,255,255,0.3);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.btn-cta-secondary:hover{background:rgba(255,255,255,0.2);border-color:white;transform:translateY(-3px)}.cta-trust{color:rgba(255,255,255,0.9);font-size:var(--font-size-sm);font-weight:600}@media (max-width:768px){.features-grid-modern{grid-template-columns:1fr}.step-card-modern{flex-direction:column;text-align:center}.step-connector{margin-left:auto;margin-right:auto}.testimonials-grid-modern{grid-template-columns:1fr}.cta-title{font-size:var(--font-size-3xl)}.cta-features-list{flex-direction:column;align-items:center}.cta-buttons-modern{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%;justify-content:center}}.pricing-hero-modern{padding:calc(var(--spacing-3xl) + 60px) 0 var(--spacing-3xl);background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );position:relative;overflow:hidden}.pricing-hero-modern::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');opacity:0.5}.pricing-hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.pricing-hero-title{font-size:var(--font-size-5xl);font-weight:800;color:white;margin-bottom:var(--spacing-md);line-height:1.2}.pricing-hero-subtitle{font-size:var(--font-size-xl);color:rgba(255,255,255,0.9);margin-bottom:var(--spacing-xl);line-height:1.6}.pricing-toggle{display:inline-flex;align-items:center;gap:var(--spacing-md);background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.2)}.toggle-label{color:white;font-weight:600;font-size:var(--font-size-sm)}.toggle-discount{display:inline-block;padding:0.25rem 0.5rem;background:var(--green-500);color:white;border-radius:var(--radius-md);font-size:0.75rem;font-weight:700;margin-left:0.5rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.3);transition:0.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:white;transition:0.4s;border-radius:50%}input:checked + .toggle-slider{background-color:white}input:checked + .toggle-slider:before{transform:translateX(24px);background-color:var(--green-500)}.pricing-cards-section{padding:var(--spacing-3xl) 0;background:var(--gray-50)}.pricing-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.pricing-card-modern{background:white;border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px solid var(--gray-200);transition:all 0.4s ease;position:relative;display:flex;flex-direction:column}.pricing-card-modern:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:var(--blue-300)}.featured-plan{border-color:var(--blue-500);box-shadow:0 10px 30px rgba(26,66,138,0.2);transform:scale(1.05)}.featured-plan:hover{transform:scale(1.05) translateY(-10px)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );color:white;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full)}.plan-header{margin-bottom:var(--spacing-lg)}.plan-name{font-size:var(--font-size-2xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.plan-description{font-size:var(--font-size-sm);color:var(--gray-600)}.plan-price-modern{display:flex;align-items:baseline;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--gray-100)}.currency{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-700);margin-right:0.25rem}.price-value{font-size:var(--font-size-5xl);font-weight:800;color:var(--gray-900);line-height:1}.price-period{font-size:var(--font-size-lg);color:var(--gray-600);margin-left:0.5rem}.plan-features-modern{list-style:none;margin-bottom:var(--spacing-xl);flex:1}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--gray-700);font-size:var(--font-size-sm)}.feature-item svg{flex-shrink:0;color:var(--green-500);margin-top:2px}.plan-cta-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:1rem 2rem;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--blue-600) 100% );color:white;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);border:none;cursor:pointer}.plan-cta-modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(26,66,138,0.3)}.plan-cta-featured{background:linear-gradient( 135deg,var(--green-500) 0%,var(--green-600) 100% )}.plan-cta-featured:hover{box-shadow:0 10px 20px rgba(118,192,67,0.3)}.pricing-trust-section{display:flex;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap;padding:var(--spacing-xl);background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.trust-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--gray-700);font-weight:600}.trust-item svg{color:var(--green-500)}.pricing-faq-section{padding:var(--spacing-3xl) 0;background:white}.faq-grid-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.faq-item-pricing{padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-base)}.faq-item-pricing:hover{background:white;border-color:var(--blue-300);box-shadow:var(--shadow-md)}.faq-item-pricing h3{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.faq-item-pricing p{color:var(--gray-600);line-height:1.6;font-size:var(--font-size-sm)}@media (max-width:1024px){.pricing-grid-modern{grid-template-columns:1fr}.featured-plan{transform:scale(1)}.featured-plan:hover{transform:translateY(-10px)}}@media (max-width:768px){.pricing-hero-title{font-size:var(--font-size-3xl)}.pricing-hero-subtitle{font-size:var(--font-size-lg)}.pricing-toggle{flex-direction:column;gap:var(--spacing-sm)}.pricing-trust-section{flex-direction:column;align-items:center}.faq-grid-pricing{grid-template-columns:1fr}}.faq-hero-modern{padding:calc(var(--spacing-3xl) + 60px) 0 var(--spacing-3xl);background:linear-gradient( 135deg,var(--blue-950) 0%,var(--gray-900) 100% );position:relative;overflow:hidden}.faq-hero-modern::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');opacity:0.3}.faq-hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.faq-hero-title{font-size:var(--font-size-5xl);font-weight:800;color:white;margin-bottom:var(--spacing-md);line-height:1.2}.faq-hero-subtitle{font-size:var(--font-size-xl);color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-xl);line-height:1.6}.faq-search-box{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.faq-search-box input{width:100%;padding:1.25rem 1.5rem 1.25rem 3.5rem;font-size:var(--font-size-lg);border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);color:white;transition:all var(--transition-base)}.faq-search-box input::placeholder{color:rgba(255,255,255,0.6)}.faq-search-box input:focus{outline:none;background:rgba(255,255,255,0.15);border-color:var(--green-400);box-shadow:0 0 0 4px rgba(118,192,67,0.2)}.faq-categories-section{padding:var(--spacing-3xl) 0;background:var(--gray-50)}.faq-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-xl)}.faq-category-card{background:white;padding:var(--spacing-xl);border-radius:var(--radius-xl);border:2px solid var(--gray-200);text-align:center;cursor:pointer;transition:all 0.4s ease;position:relative;overflow:hidden}.faq-category-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient( 90deg,var(--blue-500) 0%,var(--green-500) 100% );transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.faq-category-card:hover{transform:translateY(-8px);border-color:var(--blue-300);box-shadow:0 15px 35px rgba(0,0,0,0.1)}.faq-category-card:hover::before{transform:scaleX(1)}.category-icon-modern{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-50) 0%,var(--green-50) 100% );border-radius:var(--radius-lg);margin:0 auto var(--spacing-md);color:var(--blue-600);transition:all var(--transition-base)}.faq-category-card:hover .category-icon-modern{background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );color:white;transform:scale(1.1) rotate(5deg)}.category-title-modern{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.category-desc{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-sm)}.category-count{display:inline-block;padding:0.25rem 0.75rem;background:var(--gray-100);color:var(--gray-700);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.faq-content-section{padding:var(--spacing-3xl) 0;background:white}.faq-category-block{margin-bottom:var(--spacing-3xl)}.category-header-modern{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--gray-200)}.category-header-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );border-radius:var(--radius-lg);color:white}.category-header-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--gray-900)}.faq-accordion-modern{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item-modern{background:white;border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.faq-item-modern:hover{border-color:var(--blue-300);box-shadow:var(--shadow-md)}.faq-item-modern.active{border-color:var(--blue-500);box-shadow:0 4px 12px rgba(26,66,138,0.15)}.faq-question-modern{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:transparent;border:none;cursor:pointer;text-align:left;transition:all var(--transition-base)}.faq-question-modern:hover{background:var(--gray-50)}.faq-item-modern.active .faq-question-modern{background:linear-gradient( 135deg,var(--blue-50) 0%,var(--green-50) 100% )}.question-text{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);flex:1;padding-right:var(--spacing-md)}.faq-icon-modern{flex-shrink:0;color:var(--blue-500);transition:transform 0.3s ease}.faq-item-modern.active .faq-icon-modern{transform:rotate(180deg);color:var(--green-500)}.faq-answer-modern{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease}.faq-item-modern.active .faq-answer-modern{max-height:500px;padding:0 var(--spacing-lg) var(--spacing-lg)}.faq-answer-modern p{color:var(--gray-700);line-height:1.8;font-size:var(--font-size-base)}.faq-cta-section{padding:var(--spacing-3xl) 0;background:var(--gray-50)}.faq-cta-content{text-align:center;max-width:700px;margin:0 auto;padding:var(--spacing-3xl);background:white;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.cta-icon-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );border-radius:var(--radius-full);margin:0 auto var(--spacing-lg);color:white}.cta-title-faq{font-size:var(--font-size-3xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.cta-description-faq{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--spacing-xl)}.cta-buttons-faq{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.cta-buttons-faq .btn-cta-primary,.cta-buttons-faq .btn-cta-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1rem 2rem;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.cta-buttons-faq .btn-cta-primary{background:linear-gradient( 135deg,var(--blue-500) 0%,var(--blue-600) 100% );color:white;border:none}.cta-buttons-faq .btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(26,66,138,0.3)}.cta-buttons-faq .btn-cta-secondary{background:white;color:var(--blue-600);border:2px solid var(--blue-500)}.cta-buttons-faq .btn-cta-secondary:hover{background:var(--blue-50);transform:translateY(-3px)}.cta-support-hours{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:600}@media (max-width:768px){.faq-hero-title{font-size:var(--font-size-3xl)}.faq-hero-subtitle{font-size:var(--font-size-lg)}.faq-search-box input{font-size:var(--font-size-base);padding:1rem 1rem 1rem 3rem}.faq-categories-grid{grid-template-columns:1fr}.category-header-modern{flex-direction:column;align-items:flex-start;text-align:center}.category-header-title{font-size:var(--font-size-2xl)}.question-text{font-size:var(--font-size-base)}.cta-title-faq{font-size:var(--font-size-2xl)}.cta-buttons-faq{flex-direction:column}.cta-buttons-faq .btn-cta-primary,.cta-buttons-faq .btn-cta-secondary{width:100%;justify-content:center}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq-item-modern{animation:fadeInUp 0.5s ease forwards}.error-404-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0;background:linear-gradient( 135deg,var(--blue-950) 0%,var(--gray-900) 100% );position:relative;overflow:hidden}.error-404-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');opacity:0.5}.error-404-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.error-illustration{position:relative;margin-bottom:var(--spacing-3xl)}.error-number{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);font-size:120px;font-weight:900;color:white;line-height:1}.number-4,.number-0-wrapper{animation:float 3s ease-in-out infinite}.number-4.number-left{animation-delay:0s}.number-0-wrapper{animation-delay:0.5s}.number-4.number-right{animation-delay:1s}.number-0-icon{color:var(--green-400);filter:drop-shadow(0 0 20px rgba(118,192,67,0.5))}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.float-element{position:absolute;color:rgba(255,255,255,0.2);animation:floatAround 8s ease-in-out infinite}.float-1{top:10%;left:10%;animation-delay:0s}.float-2{top:20%;right:15%;animation-delay:2s}.float-3{bottom:30%;left:20%;animation-delay:4s}@keyframes floatAround{0%,100%{transform:translate(0,0) rotate(0deg);opacity:0.2}25%{transform:translate(20px,-20px) rotate(90deg);opacity:0.4}50%{transform:translate(0,-40px) rotate(180deg);opacity:0.2}75%{transform:translate(-20px,-20px) rotate(270deg);opacity:0.4}}.error-message{margin-bottom:var(--spacing-3xl)}.error-title{font-size:var(--font-size-4xl);font-weight:800;color:white;margin-bottom:var(--spacing-md);line-height:1.2}.error-description{font-size:var(--font-size-xl);color:rgba(255,255,255,0.8);line-height:1.6;max-width:600px;margin:0 auto}.error-quick-links{margin-bottom:var(--spacing-3xl)}.quick-links-title{font-size:var(--font-size-xl);font-weight:700;color:white;margin-bottom:var(--spacing-lg)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);max-width:700px;margin:0 auto}.quick-link-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);color:white;text-decoration:none;transition:all var(--transition-base)}.quick-link-card:hover{background:rgba(255,255,255,0.1);border-color:var(--green-400);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.quick-link-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );border-radius:var(--radius-lg);color:white}.quick-link-card span{font-size:var(--font-size-sm);font-weight:600}.error-cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-3xl)}.btn-error-primary,.btn-error-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:1rem 2rem;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.btn-error-primary{background:linear-gradient( 135deg,var(--green-500) 0%,var(--green-600) 100% );color:white;border:none;box-shadow:0 10px 30px rgba(118,192,67,0.3)}.btn-error-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(118,192,67,0.4)}.btn-error-secondary{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);color:white;border:2px solid rgba(255,255,255,0.3)}.btn-error-secondary:hover{background:rgba(255,255,255,0.2);border-color:white;transform:translateY(-3px)}.error-search-box{max-width:500px;margin:0 auto}.search-label{color:rgba(255,255,255,0.7);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.search-form{position:relative;display:flex;gap:var(--spacing-sm)}.search-input{flex:1;padding:1rem 1.5rem;font-size:var(--font-size-base);background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);color:white;transition:all var(--transition-base)}.search-input::placeholder{color:rgba(255,255,255,0.5)}.search-input:focus{outline:none;background:rgba(255,255,255,0.15);border-color:var(--green-400);box-shadow:0 0 0 4px rgba(118,192,67,0.2)}.search-button{padding:1rem 1.5rem;background:linear-gradient( 135deg,var(--blue-500) 0%,var(--green-500) 100% );border:none;border-radius:var(--radius-full);color:white;cursor:pointer;transition:all var(--transition-base)}.search-button:hover{transform:scale(1.05);box-shadow:0 5px 20px rgba(118,192,67,0.4)}@media (max-width:768px){.error-number{font-size:80px;gap:var(--spacing-md)}.number-0-icon{width:80px;height:80px}.error-title{font-size:var(--font-size-2xl)}.error-description{font-size:var(--font-size-base)}.quick-links-grid{grid-template-columns:repeat(2,1fr)}.error-cta-buttons{flex-direction:column}.btn-error-primary,.btn-error-secondary{width:100%;justify-content:center}.search-form{flex-direction:column}.search-button{width:100%}}@media (max-width:480px){.error-number{font-size:60px}.number-0-icon{width:60px;height:60px}.quick-links-grid{grid-template-columns:1fr}}:root{--legal-primary:var(--green-500);--legal-secondary:var(--blue-500);--legal-text:var(--gray-700);--legal-heading:var(--gray-900);--legal-border:var(--gray-200);--legal-bg-light:var(--gray-50);--legal-highlight:#fff9e6}.legal-page-wrapper{display:flex;gap:var(--spacing-3xl);max-width:1400px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);min-height:calc(100vh - 200px)}.legal-toc{position:sticky;top:100px;width:280px;height:fit-content;background:white;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--legal-border)}.legal-toc-title{font-size:var(--font-size-lg);font-weight:700;color:var(--legal-heading);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.legal-toc-title svg{color:var(--legal-primary)}.legal-toc-list{list-style:none;padding:0;margin:0}.legal-toc-item{margin-bottom:var(--spacing-xs)}.legal-toc-link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--legal-text);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);border-left:3px solid transparent}.legal-toc-link:hover{background:var(--legal-bg-light);color:var(--legal-primary);border-left-color:var(--legal-primary);transform:translateX(5px)}.legal-toc-link.active{background:linear-gradient( 135deg,rgba(118,192,67,0.1) 0%,rgba(59,130,246,0.1) 100% );color:var(--legal-primary);border-left-color:var(--legal-primary);font-weight:600}.legal-content-main{flex:1;min-width:0}.legal-header{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--legal-border)}.legal-page-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--legal-heading);margin-bottom:var(--spacing-md);background:linear-gradient( 135deg,var(--green-600) 0%,var(--blue-600) 100% );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-page-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--spacing-md)}.legal-last-updated{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--legal-bg-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--gray-600);border:1px solid var(--legal-border)}.legal-last-updated svg{color:var(--legal-primary)}.legal-article{background:white;border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:0 4px 20px rgba(0,0,0,0.05)}.legal-section{margin-bottom:var(--spacing-3xl);scroll-margin-top:120px}.legal-section h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--legal-heading);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--legal-border)}.legal-section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--green-500) 0%,var(--blue-500) 100% );border-radius:var(--radius-lg);color:white;flex-shrink:0}.legal-section h3{font-size:var(--font-size-xl);font-weight:600;color:var(--legal-heading);margin:var(--spacing-xl) 0 var(--spacing-md)}.legal-section p{font-size:var(--font-size-base);line-height:1.8;color:var(--legal-text);margin-bottom:var(--spacing-lg)}.legal-section ul,.legal-section ol{margin:var(--spacing-lg) 0;padding-left:var(--spacing-xl)}.legal-section li{font-size:var(--font-size-base);line-height:1.8;color:var(--legal-text);margin-bottom:var(--spacing-sm);position:relative}.legal-section ul li::marker{color:var(--legal-primary);font-size:1.2em}.legal-highlight{background:linear-gradient( 135deg,rgba(118,192,67,0.05) 0%,rgba(59,130,246,0.05) 100% );border-left:4px solid var(--legal-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.legal-highlight-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;color:var(--legal-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.legal-highlight-title svg{flex-shrink:0}.legal-highlight p{margin-bottom:0;color:var(--legal-text)}.legal-warning{background:linear-gradient( 135deg,rgba(239,68,68,0.05) 0%,rgba(249,115,22,0.05) 100% );border-left:4px solid #ef4444;border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xl) 0}.legal-warning-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;color:#ef4444;margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.legal-info{background:linear-gradient( 135deg,rgba(59,130,246,0.05) 0%,rgba(99,102,241,0.05) 100% );border-left:4px solid var(--blue-500);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xl) 0}.legal-info-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;color:var(--blue-500);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.legal-contact{background:linear-gradient( 135deg,var(--gray-900) 0%,var(--blue-900) 100% );border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-top:var(--spacing-3xl);color:white;text-align:center}.legal-contact h3{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:white}.legal-contact p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:rgba(255,255,255,0.9)}.legal-contact-email{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:white;color:var(--legal-primary);text-decoration:none;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-lg);transition:all var(--transition-base);box-shadow:0 4px 20px rgba(0,0,0,0.2)}.legal-contact-email:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.3)}@media (max-width:1024px){.legal-page-wrapper{flex-direction:column;gap:var(--spacing-xl)}.legal-toc{position:static;width:100%;order:-1}.legal-toc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xs)}}@media (max-width:768px){.legal-page-wrapper{padding:var(--spacing-xl) var(--spacing-md)}.legal-article{padding:var(--spacing-xl)}.legal-page-title{font-size:var(--font-size-3xl)}.legal-section h2{font-size:var(--font-size-xl);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.legal-toc-list{grid-template-columns:1fr}.legal-highlight,.legal-warning,.legal-info{padding:var(--spacing-md)}}@media (max-width:480px){.legal-page-title{font-size:var(--font-size-2xl)}.legal-section h2{font-size:var(--font-size-lg)}.legal-section-icon{width:32px;height:32px}}html{scroll-behavior:smooth}@media print{.legal-toc{display:none}.legal-page-wrapper{display:block}.legal-article{box-shadow:none;padding:0}.legal-section{page-break-inside:avoid}}/* Contact Hero Section */
.contact-hero-modern {
background: linear-gradient(135deg, var(--blue-950) 0%, var(--blue-800) 50%, var(--blue-900) 100%);
padding: 8rem 0 4rem;
position: relative;
overflow: hidden;
}
.contact-hero-modern::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 20% 50%, rgba(118, 192, 67, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(26, 66, 138, 0.2) 0%, transparent 50%);
animation: pulse 8s ease-in-out infinite;
}
.contact-hero-content {
position: relative;
z-index: 2;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.section-badge {
display: inline-block;
padding: 0.5rem 1.25rem;
background: rgba(118, 192, 67, 0.15);
color: var(--green-400);
border-radius: var(--radius-full);
font-size: var(--font-size-sm);
font-weight: 600;
margin-bottom: var(--spacing-md);
border: 1px solid rgba(118, 192, 67, 0.3);
}
.contact-hero-title {
font-size: var(--font-size-5xl);
font-weight: 800;
color: white;
margin-bottom: var(--spacing-md);
line-height: 1.1;
}
.contact-hero-subtitle {
font-size: var(--font-size-xl);
color: var(--gray-300);
line-height: 1.6;
max-width: 600px;
margin: 0 auto;
}
/* Contact Info Section */
.contact-info-section {
padding: var(--spacing-3xl) 0;
background: var(--gray-50);
}
.contact-info-grid-modern {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--spacing-xl);
}
.contact-info-card {
background: white;
padding: var(--spacing-xl);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-md);
text-align: center;
transition: all var(--transition-base);
border: 1px solid var(--gray-200);
}
.contact-info-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-xl);
border-color: var(--blue-500);
}
.contact-icon-wrapper {
width: 64px;
height: 64px;
margin: 0 auto var(--spacing-md);
background: linear-gradient(135deg, var(--blue-500) 0%, var(--green-500) 100%);
border-radius: var(--radius-full);
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.contact-info-title {
font-size: var(--font-size-xl);
font-weight: 700;
color: var(--gray-900);
margin-bottom: var(--spacing-xs);
}
.contact-info-text {
font-size: var(--font-size-base);
color: var(--gray-600);
margin-bottom: var(--spacing-sm);
}
.contact-info-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--blue-500);
text-decoration: none;
font-weight: 600;
font-size: var(--font-size-sm);
transition: color var(--transition-base);
}
.contact-info-link:hover {
color: var(--green-500);
}
.contact-info-badge {
display: inline-block;
padding: 0.375rem 1rem;
background: var(--green-50);
color: var(--green-700);
border-radius: var(--radius-full);
font-size: var(--font-size-sm);
font-weight: 600;
}
/* Contact Form Section */
.contact-form-section {
padding: var(--spacing-3xl) 0;
background: white;
}
.contact-form-wrapper {
max-width: 700px;
margin: 0 auto;
background: var(--gray-50);
padding: var(--spacing-2xl);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-lg);
border: 1px solid var(--gray-200);
}
.form-header-modern {
text-align: center;
margin-bottom: var(--spacing-xl);
}
.form-title-modern {
font-size: var(--font-size-3xl);
font-weight: 800;
color: var(--gray-900);
margin-bottom: var(--spacing-xs);
}
.form-subtitle-modern {
font-size: var(--font-size-base);
color: var(--gray-600);
}
.contact-form-modern {
display: flex;
flex-direction: column;
gap: var(--spacing-md);
}
.form-grid-modern {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-md);
}
.form-group-modern {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.form-label-modern {
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
font-size: var(--font-size-sm);
color: var(--gray-700);
}
.form-label-modern svg {
color: var(--blue-500);
}
.optional-text {
font-weight: 400;
color: var(--gray-500);
font-size: var(--font-size-xs);
}
.form-input-modern {
padding: 0.875rem 1rem;
border: 2px solid var(--gray-300);
border-radius: var(--radius-md);
font-size: var(--font-size-base);
transition: all var(--transition-base);
background: white;
}
.form-input-modern:hover {
border-color: var(--gray-400);
}
.form-input-modern:focus {
outline: none;
border-color: var(--blue-500);
box-shadow: 0 0 0 3px rgba(26, 66, 138, 0.1);
}
.form-input-modern::placeholder {
color: var(--gray-400);
}
.form-error-modern {
color: #ef4444;
font-size: var(--font-size-sm);
font-weight: 500;
}
.form-checkbox-modern {
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: var(--spacing-md) 0;
}
.checkbox-input-modern {
width: 1.25rem;
height: 1.25rem;
accent-color: var(--blue-500);
cursor: pointer;
margin-top: 0.125rem;
}
.checkbox-label-modern {
font-size: var(--font-size-sm);
color: var(--gray-700);
line-height: 1.5;
}
.checkbox-label-modern a {
color: var(--blue-500);
text-decoration: none;
font-weight: 600;
transition: color var(--transition-base);
}
.checkbox-label-modern a:hover {
color: var(--green-500);
text-decoration: underline;
}
.btn-submit-modern {
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
padding: 1rem 2rem;
background: linear-gradient(135deg, var(--green-500) 0%, var(--green-600) 100%);
color: white;
border: none;
border-radius: var(--radius-md);
font-size: var(--font-size-lg);
font-weight: 600;
cursor: pointer;
transition: all var(--transition-base);
box-shadow: 0 4px 6px -1px rgba(118, 192, 67, 0.3);
}
.btn-submit-modern:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(118, 192, 67, 0.4);
}
.btn-submit-modern:active {
transform: translateY(0);
}
.alert-modern {
display: flex;
align-items: center;
gap: var(--spacing-sm);
padding: var(--spacing-md);
border-radius: var(--radius-md);
margin-bottom: var(--spacing-lg);
font-weight: 500;
}
.alert-success-modern {
background: var(--green-50);
color: var(--green-800);
border: 2px solid var(--green-200);
}
.alert-success-modern svg {
color: var(--green-600);
}
/* Responsive Design */
@media (max-width: 768px) {
.contact-hero-modern {
padding: 6rem 0 3rem;
}
.contact-hero-title {
font-size: var(--font-size-3xl);
}
.contact-hero-subtitle {
font-size: var(--font-size-base);
}
.form-grid-modern {
grid-template-columns: 1fr;
}
.contact-form-wrapper {
padding: var(--spacing-lg);
}
.contact-info-grid-modern {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.contact-hero-title {
font-size: var(--font-size-2xl);
}
.form-title-modern {
font-size: var(--font-size-2xl);
}
}
.form-textarea-modern{resize:vertical;min-height:120px}.btn-submit-modern:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}