.hero,.hero-container,.hero-visual,.step,.template-preview{position:relative}.cta-section,.footer-content,.section-header,.stat,.step{text-align:center}.cv-section h3,.eyebrow{text-transform:uppercase;letter-spacing:.05em}:root{--primary-color:#4e52d0;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--secondary-color:#8b5cf6;--template-primary:#4e52d0;--template-secondary:#8b5cf6;--template-primary-light:#a5b4fc;--template-primary-dark:#4f46e5;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--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;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--border-radius:0.5rem;--border-radius-lg:1.5rem;--border-radius-xl:1.25rem}.logo-icon,.logo-icon-img{border-radius:var(--border-radius)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1a202c;background:#fff}.hero{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:1}.hero-content h1{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.1}.highlight{background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content .subtitle{font-size:1.25rem;color:rgba(255,255,255,.9);margin-bottom:2rem;line-height:1.6}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{color:#fff}.stat-number{font-size:2rem;font-weight:700;display:block}.stat-label{font-size:.875rem;opacity:.8}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.logo-icon{width:2rem;height:2rem;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700}.logo-icon-img{height:4rem;object-fit:contain}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}.hero-visual{display:flex;justify-content:center;align-items:center}.cv-preview{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.2);transform:rotate(-5deg);transition:transform .3s;max-width:400px;width:100%;animation:6s ease-in-out infinite float}.cv-preview:hover{transform:rotate(0) scale(1.05)}.cv-header{border-bottom:3px solid #667eea;padding-bottom:1rem;margin-bottom:1rem}.cv-name{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.cv-title{color:#667eea;font-weight:600}.cv-section{margin-bottom:1rem}.cv-section h3{font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.cv-item{height:.5rem;background:#e2e8f0;border-radius:4px;margin-bottom:.5rem}.cv-item:first-child{background:#667eea;width:80%}.cv-item:nth-child(2){width:60%}.cv-item:nth-child(3){width:70%}.features{padding:6rem 0;background:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:#718096;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:.3s;border:1px solid #e2e8f0}.mock-cv,.template-card{box-shadow:0 4px 20px rgba(0,0,0,.1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon i{font-size:1.5rem;color:#fff}.feature-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.feature-description{color:#718096;line-height:1.6}.templates{padding:6rem 0;background:#fff}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.template-card{background:#fff;border-radius:16px;overflow:hidden;transition:.3s;border:2px solid transparent}.template-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:#667eea}.template-preview{height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.modern-template{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.classic-template{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.creative-template{background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.minimalist-template{background:linear-gradient(135deg,#a8edea 0,#fed6e3 100%)}.corporate-template{background:linear-gradient(135deg,#d299c2 0,#fef9d7 100%)}.mock-cv{width:80%;height:80%;background:#fff;border-radius:8px;padding:1rem;display:flex;flex-direction:column}.mock-header,.mock-line{background:rgba(0,0,0,.1);border-radius:4px}.mock-header{height:40px;margin-bottom:1rem}.mock-content{flex:1}.mock-line{height:8px;margin-bottom:.5rem}.mock-line.short{width:60%}.template-info{padding:1.5rem}.template-name{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.template-description{color:#718096;font-size:.875rem}.how-it-works{padding:6rem 0;background:#f8fafc}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;color:#fff}.step-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.step-description{color:#718096;line-height:1.6}.cta-section{padding:6rem 0;background:linear-gradient(135deg,#2d3748 0,#4a5568 100%)}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta-subtitle{font-size:1.25rem;color:rgba(255,255,255,.8);margin-bottom:2rem}.footer,.footer-links a:hover{color:#fff}.footer{background:#1a202c;padding:3rem 0 1rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.btn,.eyebrow{font-weight:500}.footer-text{color:#a0aec0;margin-bottom:2rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:#a0aec0;text-decoration:none;transition:color .3s}.footer-bottom{border-top:1px solid #2d3748;padding-top:1rem;color:#718096;font-size:.875rem}@media (max-width:768px){.features-grid,.hero-container,.templates-grid{grid-template-columns:1fr}.hero-container{text-align:center;gap:3rem}.hero-content h1{font-size:2.5rem}.cta-buttons,.hero-stats{justify-content:center}.cta-title,.section-title{font-size:2rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.card{border:1px solid #e5e7eb;background:#fff;border-radius:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;height:2.75rem;padding:0 1.25rem;border-radius:1rem;transition:.2s;gap:.5rem}.highlight-box,.success-box,.warning-box{padding:1.5rem;margin:2rem 0}.btn-primary{background:var(--primary-color);color:#fff;border-radius:var(--border-radius)}.btn-ghost:hover{background:#f3f4f6}.btn-outline{border:1px solid #d1d5db;border-radius:var(--border-radius)}.btn-outline:hover{background:#f9fafb}.eyebrow{font-size:.875rem;color:#6366f1}.hero-gradient{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.highlight-box{background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border:1px solid #0ea5e9;border-radius:.75rem}.warning-box{background:linear-gradient(135deg,#fef3c7 0,#fed7aa 100%);border:1px solid #f59e0b;border-radius:.75rem}.success-box{background:linear-gradient(135deg,#dcfce7 0,#bbf7d0 100%);border:1px solid #22c55e;border-radius:.75rem}.article-content h2{font-size:1.875rem;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;color:#1f2937}.article-content h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#374151}.article-content h4{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#4b5563}.article-content p{margin-bottom:1.5rem;line-height:1.75;color:#4b5563}.article-content ol,.article-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;line-height:1.6;color:#4b5563}.article-content blockquote{border-left:4px solid #6366f1;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#6b7280}.prose h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin-top:2rem;margin-bottom:1rem}.prose h3{color:#374151;font-size:1.5rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.prose p{margin-bottom:1rem;line-height:1.75}.prose ul{margin:1rem 0;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.table-responsive{overflow-x:auto;margin:2rem 0}.table-responsive table{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.table-responsive th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.table-responsive td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#4b5563}.privacy-content h1,.privacy-content h2{font-weight:700;margin-bottom:1rem;color:#1f2937}.navbar-sticky{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.privacy-content{max-width:65rem;margin:0 auto;padding:2rem 1rem}.privacy-content h1{font-size:2.25rem}.privacy-content h2{font-size:1.875rem;margin-top:3rem;padding-top:1rem;border-top:1px solid #e5e7eb}.privacy-content h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:#374151}.privacy-content p{margin-bottom:1rem;line-height:1.75;color:#4b5563}.privacy-content ol,.privacy-content ul{margin:1rem 0;padding-left:2rem;color:#4b5563}.privacy-content li{margin-bottom:.5rem;line-height:1.6}.privacy-content strong{font-weight:600;color:#1f2937}.privacy-content a{color:#6366f1;text-decoration:underline}.privacy-content a:hover{color:#4f46e5}.privacy-content code{background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;font-family:'Courier New',monospace}@media (max-width:768px){.article-content h2,.prose h2{font-size:1.5rem}.article-content h3,.prose h3{font-size:1.25rem}.table-responsive table{font-size:.875rem}.table-responsive td,.table-responsive th{padding:.75rem}.highlight-box,.success-box,.warning-box{padding:1rem}}#cookie-banner{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;animation:.3s ease-out slideUp}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}#cookie-banner button{transition:.2s;border-radius:.5rem;font-weight:500}#cookie-banner button:hover{transform:translateY(-1px)}@media (max-width:640px){#cookie-banner .container>div{flex-direction:column;align-items:stretch}#cookie-banner .flex.gap-3{justify-content:stretch}#cookie-banner button{flex:1}}@keyframes grow{from{width:0}to{width:100%}}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg);transform:translateY(0)}50%{transform:translateY(-20px) rotate(-5deg);transform:translateY(-10px)}}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:visible{visibility:visible}