.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background-color:#ffffff1a;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706);border-radius:0 2px 2px 0;transition:width .1s ease-out;box-shadow:0 0 10px #fbbf2480;position:relative}.scroll-progress-bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.8));border-radius:0 2px 2px 0}@keyframes progressPulse{0%,to{box-shadow:0 0 10px #fbbf2480}50%{box-shadow:0 0 20px #fbbf24cc}}.scroll-progress-bar:hover{animation:progressPulse 2s infinite}@media (max-width: 768px){.scroll-progress-container{height:3px}.scroll-progress-bar:after{width:15px}}@media (prefers-contrast: high){.scroll-progress-container{background-color:#000c}.scroll-progress-bar{background:#fbbf24;box-shadow:none}}@media (prefers-reduced-motion: reduce){.scroll-progress-bar{transition:none}.scroll-progress-bar:hover{animation:none}}@keyframes colorCycle{0%{background:linear-gradient(135deg,#6b46c1,#7c3aed,#8b5cf6)}10%{background:linear-gradient(135deg,#5b4fc8,#6366f1,#7c3aed)}20%{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)}30%{background:linear-gradient(135deg,#0ea5e9,#0284c7,#0369a1)}40%{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)}50%{background:linear-gradient(135deg,#10b981,#059669,#047857)}60%{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d)}70%{background:linear-gradient(135deg,#84cc16,#65a30d,#4d7c0f)}80%{background:linear-gradient(135deg,#eab308,#ca8a04,#a16207)}90%{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}to{background:linear-gradient(135deg,#6b46c1,#7c3aed,#8b5cf6)}}.homepage{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#6b46c1,#7c3aed,#8b5cf6);color:#fff;font-family:Inter,Segoe UI,sans-serif;padding-top:4px;transition:all .3s ease}.homepage.color-cycle-enabled{animation:colorCycle 16s cubic-bezier(.25,0,.25,1) infinite}.homepage.dark-mode{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#404040);animation:none}.homepage.dark-mode .features-section{background:#1e293bf2;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.homepage.dark-mode .feature-card{background:#0f172acc;color:#e5e7eb;border-color:#ffffff1a}.homepage.dark-mode .feature-card:hover{background:#1e293be6}.homepage.dark-mode .feature-card h3{color:#a78bfa}.homepage.dark-mode .feature-card p{color:#cbd5e1}.homepage.dark-mode .feature-cta{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa4d}.homepage.dark-mode .feature-card:hover .feature-cta{background:#a78bfa33;border-color:#a78bfa80}.homepage.no-animation{animation:none}.homepage .theme-controls{position:absolute;top:20px;right:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px;border:1px solid rgba(255,255,255,.2)}.homepage-header{text-align:center;padding:60px 0 40px;position:relative}.homepage-title{font-size:3.5rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em;background:linear-gradient(45deg,#fff,#e9d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage-subtitle{font-size:1.25rem;opacity:.9;font-weight:400}.homepage-main{flex:1;display:flex;flex-direction:column;align-items:center}.hero-section{text-align:center;max-width:800px;margin-bottom:80px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em}.hero-highlight{color:#fbbf24}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:40px;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;text-align:center}.btn-large{padding:20px 40px;font-size:1.25rem;font-weight:700;border-radius:12px;background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#1f2937;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 25px #fbbf244d;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;max-width:100%;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-large:hover{background:linear-gradient(45deg,#f59e0b,#d97706);transform:translateY(-3px);box-shadow:0 12px 35px #fbbf2480}.features-section{width:100%;max-width:800px;background:#fff;border-radius:16px;padding:30px 20px;margin:30px 0;box-shadow:0 15px 40px #0000001f}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0;align-items:stretch}.feature-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s ease}.feature-card-link:hover{transform:translateY(-5px);z-index:2}.feature-card{background:#f8fafc;border-radius:12px;padding:20px 16px 16px;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 4px 16px #6b46c11a;cursor:pointer;height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1;color:#334155}.feature-card:hover{background:#fff;box-shadow:0 16px 48px #6b46c133;border-color:#6b46c1;z-index:2;transform:translateY(-5px)}.feature-icon{font-size:1.8rem;margin-bottom:12px;display:block}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px}.feature-card p{opacity:.9;line-height:1.5}.homepage-footer{text-align:center;padding:60px 0 40px;border-top:1px solid rgba(255,255,255,.1);margin-top:60px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{max-width:800px;margin:0 auto;padding:0 20px}.founder-section{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.founder-photo{flex-shrink:0}.founder-image-container{position:relative}.founder-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 25px #0003;transition:all .3s ease}.founder-image-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#6b46c1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 25px #0003;transition:all .3s ease}.founder-image:hover,.founder-image-placeholder:hover{transform:scale(1.05);border-color:#fbbf24;box-shadow:0 12px 35px #0000004d}.founder-info{text-align:left}.founder-name{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#fbbf24;letter-spacing:.5px}.founder-title{font-size:1rem;font-weight:600;margin-bottom:12px;opacity:.9;text-transform:uppercase;letter-spacing:1px}.founder-description{font-size:.95rem;opacity:.8;line-height:1.5;max-width:300px}.copyright{font-size:.9rem;opacity:.7;margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.seo-keywords{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.homepage h1,.homepage h2,.homepage h3{text-shadow:0 2px 4px rgba(0,0,0,.1)}.feature-card h3{color:#6b46c1;margin-bottom:12px;font-size:1.1rem;font-weight:600}.feature-card p{opacity:.8;line-height:1.5;color:#64748b;margin-bottom:12px;flex-grow:1;font-size:.9rem}.feature-cta{font-weight:600;color:#6b46c1;font-size:.85rem;margin-top:auto;padding:6px 12px;background:#6b46c11a;border-radius:16px;border:1px solid rgba(107,70,193,.3);transition:all .3s ease;display:inline-block}.feature-card:hover .feature-cta{background:#6b46c133;border-color:#6b46c180;transform:translate(5px)}.btn-large:focus{outline:3px solid #fbbf24;outline-offset:2px}.feature-card,.btn-large,.founder-image{transform:translateZ(0);backface-visibility:hidden}@media (max-width: 1024px){.homepage-main{padding:0 15px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.feature-card{min-height:300px}}@media (max-width: 768px){.homepage-title,.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem;max-width:100%;padding:0 10px}.btn-large{padding:16px 24px;font-size:1.1rem;max-width:90%;margin:0 auto;display:block;text-align:center;white-space:nowrap;letter-spacing:.3px}.features-grid{grid-template-columns:1fr;gap:25px;padding:0 10px}.feature-card{padding:28px 24px 24px;min-height:280px}.feature-card-link:hover{transform:translateY(-3px)}.founder-section{flex-direction:column;text-align:center;gap:20px}.founder-info{text-align:center}.founder-name{font-size:1.3rem}.founder-description{max-width:280px;margin:0 auto}.homepage-main{padding:0 10px}.homepage .theme-controls{position:relative;top:0;right:0;justify-content:center;margin:20px auto;width:fit-content}}@media (max-width: 480px){.homepage-title,.hero-title{font-size:2rem;padding:0 10px}.hero-description{font-size:1rem;padding:0 15px}.btn-large{padding:14px 20px;font-size:1rem;max-width:95%;margin:0 auto;letter-spacing:.2px}.homepage-main{padding:0 5px}.container{padding:0 10px}}.form-layout{min-height:100vh;background:inherit;color:inherit;transition:all .3s ease}body.dark-mode .form-container{background:#1e293bf2;color:#e5e7eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d}body.dark-mode .form-input,body.dark-mode .form-textarea{background:#0f172acc;border-color:#fff3;color:#e5e7eb}body.dark-mode .form-input:focus,body.dark-mode .form-textarea:focus{border-color:#6b46c1;box-shadow:0 0 0 3px #6b46c133}body.dark-mode .form-label{color:#d1d5db}body.dark-mode .entry-item{background:#0f172a80;border-color:#ffffff1a;color:#e5e7eb}body.dark-mode .entry-title{color:#e5e7eb}.form-container{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.form-header h1{font-size:2rem;font-weight:700;margin-bottom:8px}.form-header p{opacity:.9;margin-bottom:20px}.progress-bar{width:100%;height:6px;background-color:#ffffff4d;border-radius:3px;margin-bottom:10px;overflow:hidden}.progress-fill{height:100%;background-color:#fbbf24;transition:width .3s ease}.step-indicator{font-size:.875rem;opacity:.8}.cv-form{padding:30px}.form-label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s ease;background-color:#fff}.form-input.error{border-color:#ef4444}.form-textarea{min-height:100px;resize:vertical;font-family:inherit}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:4px}.help-text{display:block;color:#6b7280;font-size:.875rem;margin-top:4px}.navigation-buttons{display:flex;justify-content:space-between;padding:0 30px 30px;gap:15px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;min-width:120px}.entry-list{margin-top:20px}.entry-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:15px;position:relative}.entry-header{display:flex;justify-content:between;align-items:center;margin-bottom:15px}.entry-title{font-weight:600;color:#374151;flex:1}.entry-actions{display:flex;gap:8px}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.add-entry-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease}.add-entry-btn:hover{background-color:#e5e7eb;border-color:#9ca3af;color:#4b5563}.form-row,.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.photo-section{border:1px solid #e5e7eb;border-radius:8px;padding:20px;background-color:#f9fafb}.photo-toggle{margin-bottom:15px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;position:relative;padding-left:30px}.photo-checkbox{position:absolute;left:0;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;height:20px;width:20px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease}.photo-checkbox:checked~.checkmark{background-color:#3b82f6;border-color:#3b82f6}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.photo-checkbox:checked~.checkmark:after{display:block}.photo-upload-section{margin-top:15px}.photo-upload-area{position:relative}.photo-input{position:absolute;opacity:0;width:0;height:0}.photo-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;border:2px dashed #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:center;padding:20px}.photo-upload-label:hover{border-color:#3b82f6;background-color:#f0f9ff}.upload-icon{font-size:2rem;margin-bottom:10px;opacity:.6}.photo-upload-label span{font-weight:500;color:#374151;margin-bottom:5px}.photo-upload-label small{color:#6b7280;font-size:12px}.photo-preview{display:flex;flex-direction:column;align-items:center;gap:15px}.preview-image{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000001a}.photo-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-small{padding:6px 12px;font-size:14px;min-width:auto}.languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:20px}.language-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px;transition:all .2s ease}.language-card:hover{box-shadow:0 2px 8px #0000001a;border-color:#d1d5db}.language-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.language-name{font-size:16px;font-weight:600;color:#374151;margin:0}.language-actions{display:flex;gap:5px}.proficiency-display{margin-top:8px}.proficiency-badge{display:inline-block;padding:4px 10px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;text-transform:capitalize}.proficiency-guide{background-color:#f3f4f6;border-radius:8px;padding:15px;margin-top:15px}.proficiency-guide h4{margin:0 0 10px;color:#374151;font-size:14px}.proficiency-guide ul{margin:0;padding-left:20px}.proficiency-guide li{margin-bottom:5px;font-size:13px;color:#6b7280;line-height:1.4}.skills-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.skill-tag{display:inline-flex;align-items:center;background-color:#3b82f6;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;gap:8px}.skill-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.skill-remove:hover{background-color:#fff3}.skill-category{margin-bottom:20px}.skill-category-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:10px}.skill-suggestion{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:6px 12px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s ease}.skill-suggestion:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.skill-suggestion.added{background-color:#d1fae5;border-color:#10b981;color:#065f46;cursor:default}@media (max-width: 768px){.form-container{margin:0 15px}.form-header,.cv-form{padding:20px}.navigation-buttons{flex-direction:column;padding:0 20px 20px}.btn{width:100%}.form-row,.date-inputs{grid-template-columns:1fr;gap:10px}}.photo-container{flex-shrink:0}.profile-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3)}.header-content{display:flex;align-items:center;gap:20px}.header-text{flex:1}.certification-item{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.cert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.cert-name{font-size:13px;font-weight:600;margin:0;color:#333}.cert-issuer{font-size:12px;color:#666;margin:2px 0;font-style:italic}.cert-dates{font-size:11px;color:#888}.credential-id{font-size:10px;color:#999;margin:3px 0}.project-item{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.project-name{font-size:13px;font-weight:600;margin:0;color:#333}.project-dates{font-size:11px;color:#888}.project-description{font-size:11px;line-height:1.4;margin:5px 0;color:#555}.project-tech{font-size:10px;color:#666;margin:3px 0}.languages-list{display:flex;flex-wrap:wrap;gap:10px}.language-item{display:flex;align-items:center;gap:5px;font-size:12px}.language-name{font-weight:500;color:#333}.language-level{color:#666;font-size:11px;text-transform:capitalize}.classic-lang{margin-bottom:3px}.minimalist-lang{display:inline}.cv-template{max-width:8.5in;width:100%;min-height:11in;background:#fff;padding:.75in;font-family:Times New Roman,serif;font-size:12px;line-height:1.4;color:#000;box-shadow:0 0 10px #0000001a;margin:0 auto}.cv-header,.cv-section{margin-bottom:20px}.section-title{font-size:14px;font-weight:700;margin-bottom:8px;color:#000}.modern-template{font-family:Arial,sans-serif;color:#333}.modern-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;margin:-.75in -.75in 30px}.modern-header .header-content{display:flex;align-items:center;gap:25px;justify-content:center;text-align:left}.modern-header .profile-photo{width:120px;height:120px;border:4px solid rgba(255,255,255,.3)}.modern-header .name{font-size:28px;font-weight:700;margin-bottom:10px;letter-spacing:1px}.modern-header .contact-info{display:flex;justify-content:flex-start;gap:20px;flex-wrap:wrap}.modern-header .contact-info span{font-size:14px}.modern-template .section-title{color:#667eea;font-size:16px;font-weight:600;border-bottom:2px solid #667eea;padding-bottom:5px;margin-bottom:15px}.modern-template .experience-item,.modern-template .education-item{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.modern-template .job-header,.modern-template .edu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.modern-template .job-title,.modern-template .degree{font-size:14px;font-weight:600;color:#333;margin:0}.modern-template .company,.modern-template .institution{font-size:13px;font-weight:500;color:#667eea;margin:2px 0}.modern-template .job-dates,.modern-template .edu-dates{font-size:12px;color:#666;font-weight:500;white-space:nowrap}.modern-template .location{font-size:12px;color:#999}.modern-template .job-responsibilities p,.modern-template .achievements p{margin:3px 0;font-size:12px;line-height:1.5}.modern-template .skills-list{display:flex;flex-wrap:wrap;gap:8px}.modern-template .skill-item{background:#f0f4ff;color:#667eea;padding:4px 10px;border-radius:15px;font-size:11px;font-weight:500}.modern-template .summary-text{font-size:13px;line-height:1.6;color:#555;margin:0}.classic-template{font-family:Times New Roman,serif;color:#000}.classic-header{display:flex;align-items:center;gap:20px;text-align:left;border-bottom:3px solid #000;padding-bottom:20px;margin-bottom:25px}.classic-photo .profile-photo{width:100px;height:100px;border:2px solid #000}.classic-header .name{font-size:26px;font-weight:700;margin-bottom:10px;letter-spacing:1px}.classic-header .contact-info{font-size:12px;line-height:1.4}.classic-template .section-title{font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.classic-template .section-divider{height:1px;background:#000;margin-bottom:15px}.classic-template .experience-item,.classic-template .education-item{margin-bottom:20px}.classic-template .job-header,.classic-template .edu-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.classic-template .job-title,.classic-template .degree{font-size:13px;font-weight:700;margin:0}.classic-template .company,.classic-template .institution{font-size:12px;font-style:italic;margin:2px 0 8px}.classic-template .job-dates,.classic-template .edu-dates{font-size:11px;font-weight:400}.classic-template .job-responsibilities p,.classic-template .achievements p{margin:2px 0;font-size:11px;line-height:1.4}.classic-template .classic-skills{font-size:12px;line-height:1.5}.classic-template .summary-text{font-size:12px;line-height:1.5;text-align:justify;margin:0}.minimalist-template{font-family:Helvetica,Arial,sans-serif;color:#333;font-size:11px}.minimalist-header{margin-bottom:25px}.minimalist-header .header-content{display:flex;align-items:center;gap:20px}.minimalist-photo .profile-photo{width:80px;height:80px;border:1px solid #ddd}.minimalist-header .name{font-size:24px;font-weight:300;margin-bottom:8px;letter-spacing:2px}.minimalist-header .contact-info{font-size:11px;color:#666}.minimalist-template .section-title{font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase;color:#333}.minimalist-template .experience-item,.minimalist-template .education-item{margin-bottom:18px}.minimalist-template .job-header,.minimalist-template .edu-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.minimalist-template .job-title,.minimalist-template .degree{font-size:12px;font-weight:500;margin:0}.minimalist-template .company,.minimalist-template .institution{font-size:11px;color:#666;margin:1px 0 6px}.minimalist-template .job-dates,.minimalist-template .edu-dates{font-size:10px;color:#999}.minimalist-template .job-responsibilities p{margin:2px 0;font-size:11px;line-height:1.4}.minimalist-template .skills-list{font-size:11px;line-height:1.5}.minimalist-template .summary-text{font-size:11px;line-height:1.5;margin:0 0 20px;color:#555}@media print{.cv-template{box-shadow:none;margin:0;padding:.5in;font-size:11px}.modern-header{background:#667eea!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.modern-template .skill-item{background:#f0f4ff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.cv-template{padding:20px;font-size:14px}.modern-header{margin:-20px -20px 20px;padding:20px}.modern-header .name{font-size:24px}.modern-header .contact-info{flex-direction:column;gap:5px}.classic-header .name{font-size:22px}.minimalist-header .name{font-size:20px}.job-header,.edu-header{flex-direction:column!important;align-items:flex-start!important}.job-dates,.edu-dates{margin-top:5px}}.preview-layout{min-height:100vh;background-color:#f8fafc;padding:20px 0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.preview-title h1{font-size:2rem;color:#1f2937;margin-bottom:5px}.preview-title p{color:#6b7280;margin:0}.download-btn{font-size:16px;font-weight:600;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.preview-content{display:grid;grid-template-columns:250px 1fr;gap:30px;margin-bottom:30px}.template-selector{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;height:fit-content;position:sticky;top:20px}.template-selector h3{margin-bottom:15px;color:#1f2937;font-size:18px}.template-options{display:flex;flex-direction:column;gap:10px}.template-option{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;text-align:left}.template-option:hover{border-color:#3b82f6;background-color:#f0f9ff}.template-option.active{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.cv-preview-container{position:relative;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.cv-preview-content{position:relative;transform-origin:top left;transition:transform .3s ease}.edit-overlays{position:absolute;inset:0;pointer-events:none}.edit-overlay{position:absolute;background:#3b82f6e6;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;opacity:0;transition:opacity .2s ease;pointer-events:auto;z-index:10}.cv-preview-container:hover .edit-overlay{opacity:1}.edit-overlay:hover{background:#3b82f6;transform:scale(1.05)}.personal-edit{top:20px;right:20px}.work-edit{top:200px;right:20px}.education-edit{top:350px;right:20px}.skills-edit{bottom:100px;right:20px}.quick-actions{grid-column:1 / -1;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a}.quick-actions h3{margin-bottom:15px;color:#1f2937}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.quick-action-btn:hover{border-color:#3b82f6;background-color:#f0f9ff;transform:translateY(-1px)}.action-icon{font-size:20px}.quick-action-btn span:last-child{font-weight:500;color:#374151}.navigation-buttons{display:flex;justify-content:space-between;gap:15px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.empty-state h1{font-size:2rem;color:#1f2937;margin-bottom:15px}.empty-state p{color:#6b7280;margin-bottom:30px;font-size:1.125rem}@media (max-width: 1024px){.preview-content{grid-template-columns:1fr;gap:20px}.template-selector{position:static;order:-1}.template-options{flex-direction:row;flex-wrap:wrap}.template-option{flex:1;min-width:120px;text-align:center}}@media (max-width: 768px){.preview-header{flex-direction:column;gap:20px;text-align:center}.preview-title h1{font-size:1.5rem}.cv-preview-container{padding:10px}.edit-overlay{display:none}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.navigation-buttons{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.preview-layout{padding:10px 0}.container{padding:0 10px}.quick-actions-grid{grid-template-columns:1fr}.template-options{flex-direction:column}}@media print{.preview-layout{background:#fff}.preview-header,.template-selector,.quick-actions,.navigation-buttons,.edit-overlays{display:none!important}.preview-content{display:block}.cv-preview-container{box-shadow:none;padding:0}}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:all .3s ease}@keyframes globalColorCycle{0%{background:linear-gradient(135deg,#6b46c1,#7c3aed,#8b5cf6)}10%{background:linear-gradient(135deg,#5b4fc8,#6366f1,#7c3aed)}20%{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)}30%{background:linear-gradient(135deg,#0ea5e9,#0284c7,#0369a1)}40%{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)}50%{background:linear-gradient(135deg,#10b981,#059669,#047857)}60%{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d)}70%{background:linear-gradient(135deg,#84cc16,#65a30d,#4d7c0f)}80%{background:linear-gradient(135deg,#eab308,#ca8a04,#a16207)}90%{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}to{background:linear-gradient(135deg,#6b46c1,#7c3aed,#8b5cf6)}}body.color-cycle-enabled{background:linear-gradient(135deg,#6b46c1,#7c3aed,#8b5cf6);animation:globalColorCycle 16s cubic-bezier(.25,0,.25,1) infinite}body.dark-mode{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#404040);color:#e5e7eb}body.dark-mode.color-cycle-enabled{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#404040);animation:none}body.no-animation{animation:none;background:linear-gradient(135deg,#6b46c1,#7c3aed,#8b5cf6)}body.dark-mode.no-animation{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#404040)}.theme-controls{position:fixed;top:20px;right:20px;display:flex;gap:12px;z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px;border:1px solid rgba(255,255,255,.2)}.theme-toggle,.animation-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px;justify-content:center}.theme-toggle:hover,.animation-toggle:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.theme-toggle.active,.animation-toggle.active{background:#ffffff40;border-color:#ffffff80}.theme-toggle span,.animation-toggle span{font-size:.8rem}body.dark-mode .theme-toggle,body.dark-mode .animation-toggle{background:#0000004d;border-color:#ffffff4d;color:#e5e7eb}body.dark-mode .theme-toggle:hover,body.dark-mode .animation-toggle:hover{background:#00000080;border-color:#ffffff80}.btn,.form-input,.template-option,.scroll-progress-bar{will-change:transform,background-color}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:10000}.skip-link:focus{top:6px}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-outline{background-color:transparent;border:2px solid #3b82f6;color:#3b82f6}.btn-outline:hover{background-color:#3b82f6;color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:#374151}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{min-height:100px;resize:vertical}.card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.navigation-buttons{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.container{padding:0 15px}.card{padding:20px}.btn{width:100%;margin-bottom:10px}.navigation-buttons{flex-direction:column}}
