/* MyEasyCV: marketing-page subset of cv-builder.css, generated by /root/tools/mecv-speed/gen_subset.py (16 Oct 2026) — source md5 feb6be8bb00b0411daa752eb51dae836. Full file stays on builder/dashboard/logged-in pages. */
:root{--cv-yellow: #F2C94C; --cv-yellow-dark: #D4A84B; --cv-dim-grey: #5A5A5A; --cv-dark-grey: #4A4A4A; --cv-light-grey: #E8E8E8; --cv-white: #FFFFFF; --cv-off-white: #FAFAFA; --cv-success: #059669; --cv-error: #DC2626; --cv-footer-bg: #1F2937; --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 40px; --border-radius-sm: 6px; --border-radius-md: 12px; --border-radius-lg: 20px; --shadow-sm: 0 2px 8px rgba(0,0,0,0.08); --shadow-md: 0 4px 20px rgba(0,0,0,0.12); --shadow-lg: 0 10px 40px rgba(0,0,0,0.15); --transition-fast: 0.15s ease; --transition-normal: 0.3s ease;}
.cv-logo{font-size: 3.5rem !important; font-weight: 800; display: inline-flex; align-items: center;}
.cv-logo img, .cv-header .logo img, header .logo img{max-height: 80px !important; height: 80px !important; width: auto !important;}
.cv-header .cv-logo{font-size: 3.5rem !important;}
.cv-type-selector{display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px;}
.cv-type-btn{display: flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--cv-white); border: 2px solid var(--cv-light-grey); border-radius: 12px; cursor: pointer; font-size: 1rem; font-weight: 600; color: var(--cv-dim-grey); transition: all 0.2s ease;}
.cv-type-btn:hover{border-color: var(--cv-yellow); color: var(--cv-yellow-dark); background: rgba(242, 201, 76, 0.05);}
.cv-type-btn.active{border-color: var(--cv-yellow); background: rgba(242, 201, 76, 0.1); color: var(--cv-yellow-dark);}
.cv-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; font-size: 1rem; font-weight: 600; border: none; border-radius: 10px; cursor: pointer; transition: all 0.2s ease; text-decoration: none; font-family: inherit;}
.cv-btn--primary{background: linear-gradient(135deg, var(--cv-yellow), var(--cv-yellow-dark)); color: white;}
.cv-btn--primary:hover{transform: translateY(-2px); box-shadow: 0 4px 15px rgba(242, 201, 76, 0.4);}
.cv-btn--secondary{background: var(--cv-white); border: 2px solid var(--cv-light-grey); color: var(--cv-dark-grey);}
.cv-btn--secondary:hover{border-color: var(--cv-yellow); color: var(--cv-yellow-dark);}
.cv-btn--large{padding: 16px 32px; font-size: 1.1rem;}
.cv-btn--sm{padding: 8px 16px; font-size: 0.85rem;}
.cv-btn--full{width: 100%;}
.cv-text-center{text-align: center;}
@keyframes spin{to{transform: rotate(360deg);}}
.cv-preview-blurred{position: relative; filter: none !important; -webkit-filter: none !important; pointer-events: auto; user-select: auto;}
.cv-preview-blurred::after{display: none !important;}
.cv-paywall-card{background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); text-align: center; box-sizing: border-box; max-width: 100%; overflow: hidden;}
.cv-paywall-header{margin-bottom: 20px;}
.cv-paywall-header h3{color: var(--cv-dark-grey); margin: 0 0 8px 0; font-size: 1.5rem; font-weight: 700;}
.cv-paywall-subtitle{color: #1f2937; font-size: 0.95rem; font-weight: 500; margin: 0;}
.cv-type-btn{position: relative;}
@media (max-width: 768px){.cv-paywall-card{padding: 16px; border-radius: 12px;}
.cv-paywall-header h3{font-size: 1.25rem;}
.cv-paywall-subtitle{font-size: 0.82rem;}}
@media (max-width: 480px){.cv-paywall-card{padding: 12px; border-radius: 10px;}
.cv-paywall-header{margin-bottom: 12px;}
.cv-paywall-header h3{font-size: 1.1rem;}
.cv-paywall-subtitle{font-size: 0.78rem;}}
@media (max-width: 360px){.cv-paywall-card{padding: 10px;}
.cv-paywall-header h3{font-size: 1rem;}}
.cv-preview-header{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: linear-gradient(135deg, #1f2937 0%, #374151 100%); border-radius: 12px 12px 0 0;}
@media (max-width: 768px){.cv-preview-header{flex-direction: column; gap: 10px; padding: 10px;}}
.cv-coupon-section{margin: 20px 0;}
.cv-section{margin-bottom: 20px;}
.cv-section h2{font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 8px; margin-bottom: 15px;}
@media (max-width: 767px){#previewDocument > div{transform-origin: top left;}
.cv-paywall-card{max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important;}}
@media (max-width: 480px){#previewDocument > div{transform-origin: top left;}
.cv-paywall-card{padding: 12px !important;}}
@media (max-width: 375px){#previewDocument > div{transform-origin: top left;}
.cv-paywall-card{padding: 10px !important;}
.cv-paywall-header h3{font-size: 1.1rem !important;}}
.cv-footer{width: 100vw; position: relative; left: 50%; margin-left: -50vw; box-sizing: border-box; background-color: var(--cv-footer-bg); padding: 50px 0 20px; color: white;}
.cv-footer .cv-container{max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%;}
.cv-footer a{color: #e5e7eb; text-decoration: none; transition: color 0.2s;}
.cv-footer a:hover{color: var(--cv-yellow);}
@media (prefers-color-scheme: dark){input, textarea, select{color-scheme: dark;}}
@media (prefers-color-scheme: dark){input::placeholder, textarea::placeholder{color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; opacity: 1 !important;}
label{color: #F2C94C !important;}
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"]{background-color: #1e293b !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #475569 !important; color-scheme: dark;}
.cv-type-btn{background: #1e293b !important; color: #e2e8f0 !important; border-color: #475569 !important;}
.cv-type-btn.active{background: #F2C94C !important; color: #1e293b !important;}}
.cv-logo img, header .logo img{max-height: 80px !important; height: auto !important; width: auto !important;}
.cv-logo, header .logo{font-size: 2rem !important;}
p:contains("Price based on your location"){display: none !important;}
@keyframes dots{0%, 20%{content: '';}
40%{content: '.';}
60%{content: '..';}
80%, 100%{content: '...';}}
.cv-paid-user-preview #previewDocument{opacity: 1 !important; filter: none !important;}
.cv-paid-user-preview #previewPaywall{display: none !important;}
.cv-mobile-sticky-actions{display: none !important;}
@media (max-width: 768px){body.cv-preview-active.cv-paid-user-mode .cv-mobile-sticky-actions{display: block !important;}
body.cv-preview-active:not(.cv-paid-user-mode) .cv-mobile-sticky-actions{display: none !important;}}
#previewContainer{transition: opacity 0.3s ease, visibility 0.3s ease;}
body.cv-preview-active #previewContainer{display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 400px;}
body.cv-preview-active #previewWrapper{display: block !important; visibility: visible !important;}
body.cv-preview-active #previewDocument{display: block !important; visibility: visible !important;}
body.cv-preview-active #previewPaywall{display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: 20px;}
body.cv-preview-active .cv-paid-user-preview #previewPaywall, body.cv-preview-active #previewPaywall.cv-hidden-paid-user, body.cv-paid-user-mode #previewPaywall, .cv-paid-user-preview #previewPaywall{display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; left: -99999px !important; top: -99999px !important; pointer-events: none !important;}
#previewContainer{min-height: 300px;}
.cv-header .cv-logo, header .cv-logo, .cv-logo{font-size: 2.5rem !important; font-weight: 800 !important;}
.cv-logo img, .cv-header .logo img, header .logo img{max-height: 80px !important; height: 80px !important; width: auto !important;}
@media (max-width: 1024px){.cv-hero__content{flex-direction: column; text-align: center;}
.cv-hero__image{order: -1; margin-bottom: 30px;}
.cv-hero__cta{justify-content: center; flex-wrap: wrap;}
.cv-step{flex: 1 1 45%; min-width: 250px;}
.cv-features{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px){.cv-container{padding-left: 15px; padding-right: 15px;}
.cv-hero__title{font-size: 1.8rem;}
.cv-hero__subtitle{font-size: 1rem;}
.cv-option-card{padding: 20px;}
.cv-step{flex: 1 1 100%;}
.cv-features{grid-template-columns: 1fr;}
.cv-feature{text-align: center;}
.cv-pricing-card{padding: 25px;}
.cv-pricing-card__price{font-size: 3rem;}
.cv-header{padding: 10px 15px;}
.cv-logo img{max-height: 50px !important; height: 50px !important;}
.cv-type-selector{flex-direction: column; align-items: center; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto;}
.cv-type-btn{justify-content: center; padding: 14px 20px; width: 100%; -webkit-tap-highlight-color: transparent;}
@media (hover: none){.cv-type-btn:hover{border-color: var(--cv-light-grey); color: var(--cv-dim-grey); background: var(--cv-white);}
.cv-type-btn.active, .cv-type-btn.active:hover{border-color: var(--cv-yellow); background: rgba(242, 201, 76, 0.1); color: var(--cv-yellow-dark);}}
.cv-footer__links{flex-wrap: wrap; justify-content: center; gap: 15px;}}
@media (max-width: 480px){.cv-hero{padding: 40px 0;}
.cv-hero__title{font-size: 1.5rem; line-height: 1.3;}
.cv-hero__cta{flex-direction: column; gap: 10px;}
.cv-hero__cta .cv-btn{width: 100%; text-align: center;}
.cv-section{padding: 40px 0;}
.cv-section h2{font-size: 1.5rem;}
.cv-subtitle{font-size: 0.9rem;}
.cv-btn{padding: 12px 20px; font-size: 0.9rem;}
.cv-btn--large{padding: 14px 24px;}
.cv-mobile-sticky-actions{display: none !important;}
body.cv-preview-active .cv-mobile-sticky-actions{display: none !important;}
.cv-mobile-sticky-actions .cv-btn{width: 100%; padding: 14px 20px; font-size: 1rem; border-radius: 10px;}
.cv-mobile-sticky-actions .cv-btn--primary{background: linear-gradient(135deg, #F2C94C, #e5b93c); color: #1f2937; font-weight: 600;}
body.cv-preview-active{padding-bottom: 20px !important;}
.cv-pricing-display{padding: 0 10px;}
.cv-pricing-card__features li{font-size: 0.85rem; padding: 8px 0;}}
@media (max-width: 360px){.cv-type-selector{flex-direction: column;}
.cv-type-btn{width: 100%; justify-content: center;}}
@media (max-width: 768px){.cv-header{padding: 10px 15px;}
.cv-header__inner{flex-wrap: wrap; gap: 10px;}
.cv-header .cv-logo img{max-height: 50px !important; height: 50px !important;}}
#editModal #previewContainer{display: inline-block; transform-origin: top left;}
#previewDocument, #previewContainer > div{width: 595px !important; min-width: 595px !important; max-width: 595px !important; box-sizing: border-box !important; overflow-wrap: break-word !important; word-wrap: break-word !important; background: #fff !important; position: relative !important;}
#previewDocument{width: 595px !important; min-width: 595px !important;}
#previewDocument ul, #previewDocument ol{text-align: left;}
#previewDocument{display: block !important; width: 595px !important; margin: 0 auto; background: #fff !important; */ box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-radius: 4px; overflow: visible; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; isolation: isolate;}
#previewDocument [style]{}
#previewDocument svg{color: inherit;}
#previewDocument ul, #previewDocument ol, #previewContainer ul, #previewContainer ol{list-style-position: outside !important; padding-left: 15px !important; margin: 3px 0 0 12px !important;}
#previewDocument li, #previewContainer li{display: list-item !important; margin-bottom: 2px !important;}
#previewDocument [style*="display:flex"], #previewDocument [style*="display: flex"], #previewContainer [style*="display:flex"], #previewContainer [style*="display: flex"]{display: flex !important;}
#previewDocument [style*="flex-wrap:wrap"], #previewDocument [style*="flex-wrap: wrap"]{flex-wrap: wrap !important;}
#previewDocument > div{box-sizing: border-box !important; width: 100% !important; max-width: 100% !important;}
#previewDocument div{max-width: 100% !important; box-sizing: border-box !important;}
#previewDocument p, #previewDocument span, #previewDocument li{word-break: break-word !important;}
#previewDocument [style*="width:35%"], #previewDocument [style*="width: 35%"], #previewDocument [style*="width:30%"], #previewDocument [style*="width: 30%"]{flex-shrink: 0 !important;}
#previewDocument [style*="flex:1"], #previewDocument [style*="flex: 1"], #previewDocument [style*="width:65%"], #previewDocument [style*="width: 65%"], #previewDocument [style*="width:70%"], #previewDocument [style*="width: 70%"]{flex-shrink: 1 !important; min-width: 0 !important; overflow-wrap: break-word !important;}
#previewDocument img, #previewContainer img{max-width: 100% !important; flex-shrink: 0 !important;}
@media (prefers-color-scheme: dark){body:not(.light-mode) .cv-type-btn{background: #1e293b !important; border-color: #4a5568 !important; color: #e2e8f0 !important;}
body:not(.light-mode) .cv-type-btn:hover, body:not(.light-mode) .cv-type-btn.active{border-color: #F2C94C !important; background: rgba(242, 201, 76, 0.15) !important; color: #F2C94C !important;}
body:not(.light-mode) .cv-search-input{background: #1e293b !important; border-color: #4a5568 !important; color: #f1f5f9 !important;}}
body.dark-mode .cv-type-btn, body.night-mode .cv-type-btn{background: #283348 !important; border-color: #5a6a85 !important; color: #e2e8f0 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;}
body.dark-mode .cv-type-btn:hover, body.dark-mode .cv-type-btn.active, body.night-mode .cv-type-btn:hover, body.night-mode .cv-type-btn.active{border-color: #F2C94C !important; background: rgba(242, 201, 76, 0.2) !important; color: #F2C94C !important; box-shadow: 0 2px 12px rgba(242,201,76,0.15) !important;}
@media (prefers-color-scheme: dark){#cvForm input, #cvForm textarea, #cvForm select{background-color: #1e293b !important; border-color: #475569 !important; color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important;}
#cvForm input::placeholder, #cvForm textarea::placeholder{color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; opacity: 1 !important;}
.cv-type-btn{background: #1e293b !important; border-color: #475569 !important; color: #e2e8f0 !important;}
.cv-type-btn:hover, .cv-type-btn.active{border-color: #F2C94C !important; background: rgba(242, 201, 76, 0.15) !important; color: #F2C94C !important;}
.cv-subtitle{color: #e2e8f0 !important;}
.cv-search-input{background: #1e293b !important; border-color: #475569 !important; color: #f1f5f9 !important;}}
body.dark-mode #cvForm input, body.dark-mode #cvForm textarea, body.dark-mode #cvForm select, body.night-mode #cvForm input, body.night-mode #cvForm textarea, body.night-mode #cvForm select{background-color: #1e293b !important; border-color: #475569 !important; color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important;}
@keyframes colorSpin{from{filter: hue-rotate(0deg);}
to{filter: hue-rotate(360deg);}}
body.dark-mode .cv-search-input, body.night-mode .cv-search-input{background: #1e293b !important; border-color: #4a5568 !important; color: #f1f5f9 !important;}
body.dark-mode #previewDocument, body.night-mode #previewDocument{background: #fff !important;}
body.dark-mode #previewDocument, body.night-mode #previewDocument{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
@media (prefers-color-scheme: dark){input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], textarea{background-color: #ffffff !important; color: #1f2937 !important; border-color: #F2C94C !important; caret-color: #1f2937 !important;}
input::placeholder, textarea::placeholder{color: #6b7280 !important; opacity: 1 !important;}
label{color: #F2C94C !important;}
.cv-type-btn{background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important;}
.cv-type-btn:hover, .cv-type-btn.active{border-color: #F2C94C !important; background: rgba(242, 201, 76, 0.1) !important; color: #F2C94C !important;}
select{background-color: #ffffff !important; color: #1f2937 !important;}
select option{background-color: #ffffff !important; color: #1f2937 !important;}}
body.dark-mode, body.night-mode, body[data-theme="dark"], [data-theme="dark"], .dark-mode, .night-mode{input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], textarea{background-color: #ffffff !important; color: #1f2937 !important; border-color: #F2C94C !important; caret-color: #1f2937 !important;}
input::placeholder, textarea::placeholder{color: #6b7280 !important; opacity: 1 !important;}}
.cv-ai-edit-mode [data-editable]:hover{outline: 2px dashed #8b5cf6 !important; outline-offset: 2px; cursor: pointer;}
.cv-ai-edit-mode [data-editable].selected{outline: 3px solid #8b5cf6 !important; outline-offset: 2px; background: rgba(139, 92, 246, 0.1) !important;}
.cv-ai-edit-toggle{position: absolute; top: 10px; right: 10px; background: linear-gradient(135deg, #8b5cf6, #6366f1); border: none; border-radius: 10px; padding: 10px 16px; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; z-index: 100; transition: all 0.2s; box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);}
.cv-ai-edit-toggle:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);}
.cv-ai-edit-toggle.active{background: #ef4444;}
#previewContainer img, #previewDocument img{object-fit: cover !important; image-rendering: -webkit-optimize-contrast;}
#editModal img, #previewContainer img{object-fit: cover !important;}
@media (prefers-color-scheme: dark){h1, h2, h3, h4, h5{color: #F2C94C !important;}
.cv-paywall-card p, .cv-paywall-card span, .cv-paywall-card li, .cv-paywall-card h3, .cv-paywall-card button, #previewPaywall p, #previewPaywall span, #previewPaywall li, #previewPaywall h3, #previewPaywall button{color: unset !important;}
.cv-feature{background: #1e293b !important; color: #e5e7eb !important;}
.cv-feature h3{color: #F2C94C !important;}
.cv-feature p{color: #a1a1aa !important;}
.cv-hero__title, .cv-hero h1, .cv-hero h2{color: #ffffff !important;}
.cv-hero p, .cv-hero__subtitle{color: #d1d5db !important;}}
body.dark-mode, body.night-mode, [data-theme="dark"]{.cv-feature{background: #1e293b !important;}
.cv-feature h3{color: #F2C94C !important;}
.cv-feature p{color: #a1a1aa !important;}}
@media (max-width: 1024px){#previewContainer{width: 100% !important; max-width: 100% !important; overflow-x: auto !important;}
#previewDocument{overflow-x: hidden !important;}}
@keyframes stylePreviewFadeIn{from{opacity: 0; transform: scale(0.95);}
to{opacity: 1; transform: scale(1);}}
@keyframes cvPreviewFadeIn{from{opacity: 0; transform: translateY(10px);}
to{opacity: 1; transform: translateY(0);}}
@media (max-width: 768px){.cv-type-selector{gap: 8px; padding: 0 5px; margin-bottom: 20px;}
.cv-type-btn{padding: 10px 14px; font-size: 0.85rem; gap: 6px; flex: 1 1 auto; min-width: 90px; justify-content: center;}
.cv-btn{padding: 10px 18px; font-size: 0.9rem;}
.cv-btn--large{padding: 14px 24px; font-size: 1rem;}
.cv-btn--sm{padding: 6px 12px; font-size: 0.8rem;}
.cv-preview-header{flex-direction: column; gap: 10px; align-items: stretch; padding: 10px;}
.cv-paywall-card{padding: 20px 15px; max-width: 100%; box-sizing: border-box;}
.cv-paywall-header h3{font-size: 1.2rem;}
.cv-paywall-subtitle{font-size: 0.85rem;}}
@media (max-width: 480px){.cv-type-selector{gap: 6px;}
.cv-type-btn{padding: 8px 10px; font-size: 0.8rem; min-width: 80px;}
.cv-paywall-card{padding: 15px 12px;}
.cv-paywall-header h3{font-size: 1.1rem;}
.cv-btn--large{padding: 12px 20px; font-size: 0.95rem;}}
@media (max-width: 360px){.cv-type-selector{flex-direction: column;}
.cv-type-btn{width: 100%; justify-content: center;}}
@media (max-width: 768px){.cv-btn, .cv-type-btn{min-height: 44px;}
.cv-type-btn:hover, .cv-btn:hover{transform: none;}
.cv-type-btn:active, .cv-btn:active{transform: scale(0.98); opacity: 0.9;}}
@media (max-width: 900px) and (orientation: landscape){#previewDocument, #previewContainer > div{min-height: unset !important; min-width: unset !important; width: unset !important;}
.cv-type-selector{flex-wrap: nowrap;}
.cv-type-btn{flex: 1;}}
@media (max-width: 767px){.cv-type-selector{display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.cv-type-selector::-webkit-scrollbar{display: none;}
.cv-type-btn{flex: 0 0 auto; min-width: 100px; padding: 10px 12px; font-size: 0.85rem;}
.cv-type-btn span:last-child{font-size: 0.8rem;}
.cv-btn--large{padding: 14px 20px !important; font-size: 1rem !important;}
.cv-preview-header{padding: 8px 10px; flex-wrap: wrap; gap: 8px;}
.cv-paywall-card{padding: 20px 16px; margin: 0;}
.cv-paywall-header h3{font-size: 1.2rem;}}
@media (max-width: 375px){.cv-type-btn{min-width: 90px; padding: 8px 10px;}}
html, body{overflow-x: hidden; max-width: 100vw;}
@media (max-width: 768px){html, body{overflow-x: hidden !important; width: 100% !important; max-width: 100% !important;}
.cv-container, .cv-section, main, #primary{width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important;}
input, textarea, select{max-width: 100% !important; box-sizing: border-box !important;}
.cv-btn, button{max-width: 100% !important; box-sizing: border-box !important;}
#previewContainer, #previewWrapper, #previewDocument{max-width: 100% !important; overflow-x: hidden !important;}
#previewDocument > div{transform-origin: top left !important;}
.cv-type-selector{display: flex !important; flex-wrap: wrap !important; gap: 8px !important; overflow-x: hidden !important;}
.cv-type-btn{flex: 1 1 45% !important; min-width: 0 !important; font-size: 12px !important; padding: 10px 8px !important;}
table, thead, tbody, th, td, tr{max-width: 100% !important; overflow-x: hidden !important;}
img{max-width: 100% !important; height: auto !important;}
pre, code{max-width: 100% !important; overflow-x: auto !important; word-wrap: break-word !important;}
.cv-header, header{max-width: 100% !important; overflow-x: hidden !important;}
.cv-footer, footer{max-width: 100% !important; overflow-x: hidden !important;}}
@media (max-width: 768px){html{overflow-x: hidden !important; -webkit-overflow-scrolling: touch;}
body{overflow-x: hidden !important; position: relative !important; width: 100% !important;}
#primary, main, .site-main{overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important;}
.cv-container{padding: 0px !important; max-width: 100% !important; overflow-x: hidden !important;}
#previewContainer{width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important;}
#previewWrapper{max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important;}
#previewDocument{overflow: hidden !important; max-width: 100% !important;}
#previewDocument > *{transform-origin: top left !important;}}
.cv-paywall-card{background: #ffffff; border-radius: 16px; padding: 24px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); text-align: center; position: relative; z-index: 11;}
@media (max-width: 768px){.cv-paywall-card{padding: 16px;}
.cv-paywall-header h3{font-size: 1.2rem;}}
.cv-mobile-sticky-actions{display: none; position: fixed; bottom: 0; left: 0; right: 0; padding: 12px 15px; background: #ffffff; box-shadow: 0 -4px 20px rgba(0,0,0,0.15); z-index: 1000; box-sizing: border-box;}
@media (max-width: 768px){body.cv-preview-active.cv-paid-user-mode .cv-mobile-sticky-actions{display: block !important;}
body.cv-preview-active:not(.cv-paid-user-mode) .cv-mobile-sticky-actions{display: none !important;}}
@media (max-width: 375px){.cv-type-btn{flex: 1 1 100% !important; font-size: 11px !important; padding: 8px 6px !important;}
.cv-type-selector{gap: 5px !important;}
#previewDocument > *{}}
@media screen and (max-width: 768px){html, body{overflow-x: hidden !important; width: 100% !important;}
.cv-type-selector, div.cv-type-selector{display: flex !important; flex-direction: column !important; width: 100% !important; gap: 8px !important; padding: 0 !important; margin: 0 0 15px 0 !important; align-items: stretch !important; max-width: none !important;}
.cv-type-btn, button.cv-type-btn, .cv-type-selector .cv-type-btn{width: 100% !important; max-width: none !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px 16px !important; font-size: 0.9rem !important; gap: 8px !important; margin: 0 !important; box-sizing: border-box !important;}
#previewDocument{width: 100% !important; overflow: hidden !important; position: relative !important;}
#previewDocument > *, #previewDocument > div{transform-origin: top left !important;}
.cv-btn--sm{width: auto !important; padding: 6px 10px !important; font-size: 0.8rem !important;}
.cv-paywall-card{width: 100% !important; padding: 12px !important; box-sizing: border-box !important;}
.cv-paywall-header h3{font-size: 1.1rem !important;}
.cv-language-selector{position: relative !important; z-index: 10000 !important;}
.cv-language-selector__current{padding: 8px 10px !important; -webkit-tap-highlight-color: transparent !important; touch-action: manipulation !important;}
.cv-language-selector__dropdown{position: fixed !important; top: 60px !important; right: 10px !important; left: auto !important; min-width: 140px !important; max-width: calc(100vw - 20px) !important; z-index: 100001 !important; background: #fff !important; border-radius: 10px !important; box-shadow: 0 8px 30px rgba(0,0,0,0.25) !important;}
.cv-language-selector__dropdown.active{display: block !important;}
.cv-language-selector__option{padding: 10px 14px !important; -webkit-tap-highlight-color: transparent !important; touch-action: manipulation !important;}}
@media screen and (max-width: 480px){.cv-type-btn{padding: 10px 12px !important; font-size: 0.85rem !important;}
#previewDocument > *{}}
@media screen and (max-width: 375px){.cv-type-btn{padding: 8px 10px !important; font-size: 0.8rem !important;}
#previewDocument > *{}}
@media screen and (max-width: 320px){.cv-type-btn{padding: 6px 8px !important; font-size: 0.75rem !important;}
#previewDocument > *{}}
body.night-mode .cv-language-selector__dropdown, body.dark-mode .cv-language-selector__dropdown{background: #1f2937 !important; border-color: #374151 !important;}
body.night-mode .cv-language-selector__option, body.dark-mode .cv-language-selector__option{color: #e5e7eb !important;}
body.night-mode .cv-language-selector__option:hover, body.dark-mode .cv-language-selector__option:hover, body.night-mode .cv-language-selector__option:active, body.dark-mode .cv-language-selector__option:active{background: rgba(242, 201, 76, 0.2) !important;}
@media (max-width: 767px){.cv-type-selector{flex-direction: column !important; gap: 10px !important;}
.cv-type-btn{width: 100% !important; justify-content: center !important; padding: 12px 15px !important;}
#previewDocument > *{transform-origin: top left !important; width: 222% !important;}
.cv-paywall-card{padding: 15px !important;}
.cv-paywall-header h3{font-size: 1.2rem !important;}
.cv-btn{width: 100% !important; max-width: 100% !important;}}
@media (max-width: 599px){#previewDocument > *{}}
@media (max-width: 479px){#previewDocument > *{}
.cv-paywall-card{padding: 12px !important;}
.cv-paywall-header h3{font-size: 1.1rem !important;}}
@media (max-width: 375px){#previewDocument > *{}
.cv-type-btn{padding: 10px 12px !important; font-size: 0.9rem !important;}}
@media (max-width: 320px){#previewDocument > *{}}
@media (max-width: 768px){.cv-type-selector{flex-direction: column !important; align-items: stretch !important; width: 100% !important;}
.cv-type-btn{width: 100% !important; justify-content: center !important; padding: 14px 20px !important;}
#previewDocument{width: 100% !important; max-width: 100% !important; overflow: hidden !important;}
#previewDocument > div{transform-origin: top left !important; width: 200% !important; max-width: none !important;}
.cv-paywall-card{width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;}
#generateBtn, .cv-btn--large{width: 100% !important; max-width: 100% !important;}
.cv-header{padding: 10px 15px !important;}
.cv-header__inner{flex-wrap: wrap !important; gap: 10px !important;}
.cv-logo img{height: 50px !important; max-height: 50px !important;}}
@media (max-width: 480px){#previewDocument > div{}
.cv-btn{padding: 12px 16px !important; font-size: 14px !important;}}
@media (max-width: 360px){#previewDocument > div{}}
@media (max-width: 768px){#previewContainer{width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; overflow-x: hidden !important;}
#previewWrapper{width: 100% !important; max-width: 100% !important; min-height: 350px !important; overflow: hidden !important; box-sizing: border-box !important; background: #fff !important; border-radius: 8px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;}
#previewDocument{width: 100% !important; overflow: hidden !important;}
#previewDocument > div{transform-origin: top left !important; width: 222% !important; max-width: none !important;}
#previewPaywall{width: 100% !important; max-width: 100% !important; margin: 15px 0 !important; padding: 15px !important; box-sizing: border-box !important; border-radius: 12px !important;}
.cv-paywall-card{width: 100% !important; max-width: 100% !important; padding: 15px !important; box-sizing: border-box !important;}
.cv-paywall-header{margin-bottom: 15px !important;}
.cv-paywall-header h3{font-size: 1.2rem !important; margin-bottom: 5px !important;}
.cv-paywall-subtitle{font-size: 0.85rem !important;}
#payBtn{width: 100% !important; padding: 14px 20px !important; font-size: 1rem !important; border-radius: 10px !important;}
.cv-coupon-section{margin: 15px 0 !important;}}
@media (max-width: 480px){html, body{overflow-x: hidden !important; max-width: 100vw !important;}
#previewWrapper{min-height: 280px !important; overflow: hidden !important; max-width: 100% !important;}
#previewDocument{overflow: hidden !important; max-width: 100% !important;}
#previewDocument > div{transform-origin: top left !important; width: 263% !important; max-width: none !important;}
#previewPaywall{width: 100% !important; max-width: 100% !important; margin: 10px 0 !important; padding: 12px !important; box-sizing: border-box !important; overflow: hidden !important;}
.cv-paywall-card{padding: 12px !important; max-width: 100% !important; box-sizing: border-box !important;}
.cv-paywall-header h3{font-size: 1.1rem !important;}
#payBtn{width: 100% !important; padding: 12px 16px !important; font-size: 0.95rem !important; box-sizing: border-box !important;}}
@media (max-width: 360px){#previewWrapper{min-height: 220px !important;}
#previewDocument > div{}
.cv-paywall-card{padding: 10px !important;}
.cv-paywall-header h3{font-size: 1rem !important;}}
@media screen and (max-width: 768px){#previewContainer{overflow: hidden !important; width: 100% !important; max-width: 100% !important;}
.cv-paywall-card{width: 100% !important; max-width: 100% !important; overflow: hidden !important;}}
.cv-hidden-paid-user{display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important;}
@media (max-width: 768px){.cv-paywall-card{padding: 16px; border-radius: 12px;}
.cv-paywall-header h3{font-size: 1.1rem; margin-bottom: 4px;}
.cv-paywall-subtitle{font-size: 0.8rem;}
.cv-paywall-header{margin-bottom: 12px;}}
@media (max-width: 480px){.cv-paywall-card{padding: 12px; border-radius: 10px;}
.cv-paywall-header h3{font-size: 1rem;}
.cv-paywall-subtitle{font-size: 0.75rem;}
.cv-paywall-header{margin-bottom: 10px;}}
.cv-paywall-subtitle, .cv-paywall-card .cv-paywall-subtitle{color: #1f2937 !important; font-size: 0.95rem !important; font-weight: 500 !important; opacity: 1 !important;}
.cv-paywall-header h3{color: #16a34a !important; opacity: 1 !important;}
.cv-paywall-card{opacity: 1 !important;}
.cv-paywall-card *{opacity: 1;}
#previewWrapper{max-height: none !important; overflow: visible !important; height: auto !important;}
#previewDocument{max-height: none !important; overflow: visible !important; height: auto !important; display: block !important; visibility: visible !important; opacity: 1 !important;}
#previewDocument > div{max-height: none !important; overflow: visible !important;}
@media (max-width: 767px){#previewDocument > div{height: auto !important; max-height: none !important;}}
@keyframes cv-score-pulse{0%, 100%{box-shadow: 0 0 0 0 rgba(99,102,241,0.3);}
50%{box-shadow: 0 0 0 8px rgba(99,102,241,0);}}
@keyframes cv-spin{to{transform: rotate(360deg);}}
@media (prefers-color-scheme: dark){textarea[name="data[vacancy][job_description]"]{background: #1e293b !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #475569 !important;}}
body.dark-mode textarea[name="data[vacancy][job_description]"], body.night-mode textarea[name="data[vacancy][job_description]"]{background: #1e293b !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #475569 !important; caret-color: #ffffff !important;}
@media (prefers-color-scheme: dark){[style*="color_applied"], p[style*="color:#6b7280"]{color: #94a3b8 !important;}}
@media (max-width: 600px){.cv-paywall-card{padding: 15px !important; border-radius: 12px !important;}
.cv-paywall-card > div[style*="display:flex"]{flex-direction: column !important;}
.cv-paywall-card > div[style*="display:flex"] > div{min-width: 100% !important;}
#previewDocument{width: 100% !important; max-width: 100% !important; overflow: hidden !important;}}
@media (max-width: 768px){select[name="data[language]"], select[name="language"]{-webkit-appearance: menulist !important; appearance: menulist !important; font-size: 16px !important; min-height: 44px !important; touch-action: manipulation !important;}}
@media (max-width: 768px){select[name="data[language]"], select[name="data[font]"]{-webkit-appearance: menulist !important; -moz-appearance: menulist !important; appearance: menulist !important; font-size: 16px !important; min-height: 48px !important; padding: 10px 12px !important; touch-action: manipulation !important; pointer-events: auto !important; position: relative !important; z-index: 10 !important; opacity: 1 !important;}}
@media (prefers-color-scheme: dark){.cv-paywall-card{background: #ffffff !important; color: #1f2937 !important;}
.cv-paywall-card h3{color: #16a34a !important;}
.cv-paywall-card p, .cv-paywall-subtitle{color: #374151 !important;}
.cv-paywall-card div[style*="background:#fffbeb"]{background: #fffbeb !important; color: #78350f !important;}
.cv-paywall-card div[style*="background:#fffbeb"] p, .cv-paywall-card div[style*="background:#fffbeb"] span{color: #78350f !important;}
.cv-paywall-card ul li{color: #374151 !important;}
.cv-paywall-card .cv-btn{color: #ffffff !important;}
.cv-paywall-card div[style*="border:2px solid #22c55e"]{background: #f0fdf4 !important;}
.cv-paywall-card div[style*="border:2px solid #22c55e"] p{color: #374151 !important;}}
body.night-mode .cv-paywall-card, body.dark-mode .cv-paywall-card{background: #ffffff !important; color: #1f2937 !important;}
body.night-mode .cv-paywall-card h3, body.dark-mode .cv-paywall-card h3{color: #16a34a !important;}
body.night-mode .cv-paywall-card p, body.dark-mode .cv-paywall-card p{color: #374151 !important;}
body.night-mode .cv-paywall-card ul li, body.dark-mode .cv-paywall-card ul li{color: #374151 !important;}
@media (max-width: 767px){#previewDocument > div{transform-origin: top left !important; width: 200% !important;}
.cv-paywall-card{padding: 10px !important; width: 100% !important; box-sizing: border-box !important; overflow: hidden !important;}}
@media (max-width: 400px){#previewDocument > div{}
.cv-paywall-card{padding: 6px !important;}}
#previewDocument{color-scheme: light !important;}
@media (prefers-color-scheme: dark){#previewDocument *{color-scheme: light !important;}
#previewDocument{color-scheme: light !important;}
#previewDocument div, #previewDocument span, #previewDocument p, #previewDocument h1, #previewDocument h2, #previewDocument h3, #previewDocument h4, #previewDocument h5, #previewDocument h6, #previewDocument li, #previewDocument ul, #previewDocument ol, #previewDocument a, #previewDocument td, #previewDocument th{}
#previewDocument label{}
.cv-paywall-card ul li{}}
body.night-mode #previewDocument *, body.dark-mode #previewDocument *{}
body.night-mode #previewDocument div, body.night-mode #previewDocument span, body.night-mode #previewDocument p, body.night-mode #previewDocument h1, body.night-mode #previewDocument h2, body.night-mode #previewDocument h3, body.night-mode #previewDocument h4, body.night-mode #previewDocument li, body.night-mode #previewDocument a, body.night-mode #previewDocument td, body.night-mode #previewDocument th, body.dark-mode #previewDocument div, body.dark-mode #previewDocument span, body.dark-mode #previewDocument p, body.dark-mode #previewDocument h1, body.dark-mode #previewDocument h2, body.dark-mode #previewDocument h3, body.dark-mode #previewDocument h4, body.dark-mode #previewDocument li, body.dark-mode #previewDocument a, body.dark-mode #previewDocument td, body.dark-mode #previewDocument th{}
body.night-mode #previewDocument, body.dark-mode #previewDocument{background: #ffffff !important; color-scheme: light !important;}
body.night-mode .cv-paywall-card ul li, body.dark-mode .cv-paywall-card ul li{color: #374151 !important; -webkit-text-fill-color: #374151 !important;}
#previewPaywall span[style*="font-size:2.2rem"]{color: #16a34a !important; -webkit-text-fill-color: #16a34a !important; opacity: 1 !important;}
#previewPaywall span[style*="text-decoration:line-through"]{color: #dc2626 !important; -webkit-text-fill-color: #dc2626 !important;}
#previewDocument{background: #fff !important; color-scheme: only light !important; forced-color-adjust: none !important; -webkit-text-fill-color: initial; color: #333; isolation: isolate;}
#previewDocument *{color-scheme: only light !important;}
body.dark-mode #previewDocument, body.night-mode #previewDocument{background: #fff !important; color-scheme: only light !important;}
@media (prefers-color-scheme: dark){#previewDocument{background: #fff !important; color-scheme: only light !important;}}
#previewDocument svg{color: inherit; fill: currentColor;}
#previewDocument [style*="display:flex"], #previewDocument [style*="display: flex"]{display: flex !important;}
@media (max-width: 768px){#previewContainer{width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; box-sizing: border-box !important;}
.cv-preview-header{border-radius: 10px 10px 0 0 !important; padding: 8px 12px !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 6px !important;}
#previewWrapper{width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; min-height: auto !important;}
#previewDocument{width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important;}
#previewDocument > div{width: 595px !important; min-width: 595px !important; max-width: 595px !important; transform-origin: top left !important; box-sizing: border-box !important; zoom: normal !important;}
#previewPaywall{width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; padding: 10px !important; overflow: hidden !important; position: relative !important; left: auto !important; right: auto !important; transform: none !important; zoom: normal !important; margin-top: 10px !important;}
.cv-paywall-card{width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 14px !important; overflow: hidden !important;}
.cv-paywall-header{text-align: center !important; width: 100% !important; box-sizing: border-box !important;}
.cv-paywall-header h3{font-size: 1.15rem !important; word-wrap: break-word !important;}
.cv-paywall-subtitle, .cv-paywall-header p{font-size: 0.82rem !important; word-wrap: break-word !important;}
.cv-paywall-card > div[style*="display:flex"][style*="gap"], #previewPaywall div[style*="display:flex"][style*="gap"]{display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; overflow: hidden !important;}
.cv-paywall-card > div[style*="display:flex"] > div[style*="flex:1"], #previewPaywall div[style*="display:flex"][style*="gap"] > div{flex: none !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; padding: 14px !important; overflow: hidden !important; box-sizing: border-box !important;}
.cv-paywall-card > div[style*="display:flex"] > div ul{padding: 0 !important; margin: 0 0 10px !important;}
.cv-paywall-card > div[style*="display:flex"] > div li{font-size: 12px !important; padding: 2px 0 !important; line-height: 1.4 !important;}
.cv-paywall-card > div[style*="display:flex"] > div p{font-size: 12px !important; margin-bottom: 6px !important;}
.cv-paywall-card > div[style*="display:flex"] > div button, .cv-paywall-card > div[style*="display:flex"] > div .cv-btn{font-size: 13px !important; padding: 12px 10px !important; min-height: 44px !important; width: 100% !important;}}
@media (max-width: 480px){.cv-paywall-card{padding: 10px !important;}
.cv-paywall-header h3{font-size: 1.05rem !important;}
.cv-paywall-card > div[style*="display:flex"] > div li{font-size: 11px !important;}}
@media (max-width: 375px){.cv-paywall-card > div[style*="display:flex"] > div{padding: 10px !important;}
.cv-paywall-card > div[style*="display:flex"] > div li{font-size: 10px !important;}}