@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@600;700;800&display=swap');:root{--primary-900:#0f172a;--primary-800:#1e293b;--primary-700:#334155;--primary-600:#475569;--primary-500:#64748b;--accent-600:#059669;--accent-500:#10b981;--accent-400:#34d399;--warning-500:#f59e0b;--error-500:#ef4444;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-800:#1e293b;--gray-900:#0f172a;--font-display:'Fraunces',serif;--font-body:'DM Sans',sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);line-height:1.6;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ats-resume-builder-wrapper{min-height:100vh;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(135deg,rgba(15,23,42,.03) 0%,transparent 100%),radial-gradient(circle at 20% 50%,rgba(16,185,129,.05) 0%,transparent 50%),var(--gray-50)}.ats-builder-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.builder-header{background:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-800) 100%);padding:var(--space-2xl) var(--space-xl);position:relative;overflow:hidden}.builder-header:before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.ats-builder-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff !important;margin-bottom:var(--space-sm);letter-spacing:-.02em;line-height:1.1;position:relative;z-index:1}.ats-builder-subtitle{font-size:1.125rem;color:rgba(255,255,255,.9) !important;max-width:600px;line-height:1.6;position:relative;z-index:1}.ats-resume-form{padding:var(--space-2xl)}.form-section{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl);border-left:4px solid var(--accent-500);position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-section:hover{border-left-color:var(--accent-600);box-shadow:var(--shadow-md)}.section-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--primary-900);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.section-heading:before{content:'';width:6px;height:6px;background:var(--accent-500);border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.875rem;font-weight:600;color:var(--primary-800);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.form-group label:after{content:'*';color:var(--error-500);font-size:.75rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9375rem;font-family:var(--font-body);color:var(--gray-800);background:#fff;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.form-group input:hover,.form-group textarea:hover{border-color:var(--primary-500)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-500);box-shadow:0 0 0 4px rgba(16,185,129,.1);transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.help-text{font-size:.8125rem;color:var(--primary-500);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.help-text:before{content:'ⓘ';font-size:.75rem}.dynamic-item{background:#fff;border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-lg);border:2px solid var(--gray-200);position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);animation:slideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.dynamic-item:hover{border-color:var(--accent-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--gray-100)}.item-number{font-size:.8125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent-600) 0%,var(--accent-500) 100%);padding:.5rem 1rem;border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase}.remove-item{width:36px;height:36px;border-radius:50%;border:2px solid var(--error-500);background:#fff;color:var(--error-500);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);font-weight:600}.remove-item:hover{background:var(--error-500);color:#fff;transform:rotate(90deg) scale(1.1)}.add-button{width:100%;padding:1rem;background:#fff;border:2px dashed var(--accent-500);border-radius:var(--radius-md);color:var(--accent-600);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body)}.add-button:before{content:'+';font-size:1.5rem;font-weight:700}.add-button:hover{background:var(--accent-500);border-style:solid;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.add-button:active{transform:translateY(0)}.form-actions{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--gray-100);text-align:center}.submit-button{background:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-800) 100%);color:#fff;border:none;padding:1.25rem 3rem;border-radius:var(--radius-full);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(15,23,42,.3);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-body);position:relative;overflow:hidden}.submit-button:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(15,23,42,.4)}.submit-button:active{transform:translateY(-1px) scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-loader{display:inline-flex;align-items:center;gap:var(--space-sm)}.button-loader:after{content:'';width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.resume-result{background:linear-gradient(135deg,var(--primary-900) 0%,var(--accent-600) 100%);border-radius:var(--radius-lg);padding:var(--space-2xl);margin:var(--space-xl) var(--space-xl) 0;text-align:center;color:#fff;box-shadow:var(--shadow-xl);animation:successSlide .6s cubic-bezier(.16,1,.3,1)}@keyframes successSlide{from{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-header{margin-bottom:var(--space-xl)}.result-header h3{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:var(--space-sm)}.result-header h3:before{content:'🎉 ';font-size:2.5rem}.result-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.action-button{padding:1rem 2rem;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border:2px solid transparent}.action-button.primary{background:#fff;color:var(--primary-900)}.action-button.primary:hover{background:var(--gray-50);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.action-button.secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3);backdrop-filter:blur(10px)}.action-button.secondary:hover{background:rgba(255,255,255,.2);border-color:#fff}.action-button.tertiary{background:0 0;color:#fff;border-color:rgba(255,255,255,.5)}.action-button.tertiary:hover{background:rgba(255,255,255,.1)}.preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.95);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px rgba(0,0,0,.5);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{from{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-modal{position:sticky;top:0;right:0;float:right;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:300;color:var(--gray-800);cursor:pointer;background:#fff;z-index:1;border-radius:0 var(--radius-lg) 0 0;transition:all .2s}.close-modal:hover{color:var(--error-500);background:var(--gray-50)}#preview-content{padding:var(--space-xl)}@media (max-width:768px){.ats-resume-builder-wrapper{padding:var(--space-lg) var(--space-md)}.ats-builder-container{border-radius:var(--radius-md)}.builder-header{padding:var(--space-xl) var(--space-lg)}.ats-builder-title{font-size:2rem}.ats-resume-form{padding:var(--space-lg)}.form-section{padding:var(--space-lg)}.form-row{grid-template-columns:1fr;gap:var(--space-md)}.section-heading{font-size:1.25rem}.submit-button{padding:1.125rem 2rem;font-size:1rem;width:100%}.result-actions{flex-direction:column}.action-button{width:100%;justify-content:center}.preview-modal{padding:var(--space-md)}}.loading{pointer-events:none;opacity:.6}html{scroll-behavior:smooth}::selection{background:var(--accent-500);color:#fff}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}