:root{--cc-wm:"(c) criarcurriculoonline.com.br wm:86be1389c68d2dd9 2026-10-08T23:55:39.686Z"}:root{--primary:#2563eb;--primary-dark:#1e40af;--secondary:#64748b;--success:#10b981;--bg:#f8fafc;--bg-alt:#ffffff;--text:#1e293b;--text-light:#64748b;--border:#e2e8f0;--font-base:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--border-radius:8px;--shadow:0 1px 3px rgba(0,0,0,0.05);--shadow-lg:0 10px 25px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-base);background-color:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.logo{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;font-size:1.25rem;font-weight:700;color:var(--text)}.logo-icon{font-size:1.5rem}.nav-menu{display:flex;list-style:none;gap:var(--space-lg);align-items:center}.nav-link{text-decoration:none;color:var(--text);font-weight:500;transition:color .3s}.nav-link.active,.nav-link:hover{color:var(--primary)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:0 0;border:none;cursor:pointer;padding:8px}.mobile-menu-toggle span{display:block;width:25px;height:3px;background:var(--text);border-radius:3px;transition:.3s}@media (min-width:769px){.mobile-menu-toggle{display:none!important}}.hero{padding:var(--space-3xl) 0;background:linear-gradient(135deg,#f8fafc 0,#e0e7ff 100%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.hero-title{font-size:3rem;font-weight:900;line-height:1.2;margin-bottom:var(--space-md);color:var(--text)}.hero-title .highlight{color:var(--primary);position:relative}.hero-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:var(--space-xl);line-height:1.6}.hero-cta{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.hero-note{font-size:.875rem;color:var(--text-light)}.hero-mockup{position:relative;width:100%;max-width:400px;margin:0 auto}.mockup-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:var(--space-lg)}.mockup-header{width:60%;height:20px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:4px;margin-bottom:var(--space-md)}.mockup-body{display:flex;flex-direction:column;gap:var(--space-sm)}.mockup-line{height:12px;background:var(--border);border-radius:4px}.mockup-line.short{width:60%}.mockup-line.medium{width:80%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:.3s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:var(--space-md) var(--space-xl);font-size:1.125rem}.features{padding:var(--space-3xl) 0;background:#fff}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--space-2xl);color:var(--text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.feature-card{padding:var(--space-xl);background:var(--bg);border-radius:var(--border-radius);text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--space-md)}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text)}.feature-card p{color:var(--text-light);line-height:1.6}.how-it-works{padding:var(--space-3xl) 0;background:linear-gradient(135deg,#f8fafc 0,#e0e7ff 100%)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2xl);margin-top:var(--space-2xl)}.step{text-align:center;position:relative}.step-number{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.step h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text)}.step p{color:var(--text-light);line-height:1.6}.cta-section{padding:var(--space-3xl) 0;background:var(--primary);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md)}.cta-section p{font-size:1.25rem;margin-bottom:var(--space-xl);opacity:.9}.cta-section .btn{background:#fff;color:var(--primary)}.cta-section .btn:hover{background:var(--bg);transform:translateY(-2px)}.footer{padding:var(--space-3xl) 0 var(--space-lg);background:#1e293b;color:#cbd5e1}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.footer-title{display:flex;align-items:center;gap:var(--space-xs);font-size:1.25rem;color:#fff;margin-bottom:var(--space-md)}.footer-section h4{color:#fff;font-weight:600;margin-bottom:var(--space-md)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding-top:var(--space-lg);text-align:center;color:#94a3b8}@media (max-width:1024px){.hero .container{grid-template-columns:1fr;gap:var(--space-xl)}.hero-image{order:-1}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:var(--space-lg);box-shadow:var(--shadow-lg);display:none}.nav-menu.active{display:flex}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.features-grid,.footer-content,.steps{grid-template-columns:1fr}.cta-section h2{font-size:1.75rem}.cta-section p{font-size:1rem}}@media (max-width:480px){.hero-title{font-size:1.5rem}.btn-large{padding:var(--space-md) var(--space-lg);font-size:1rem;width:100%}}