:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fcfcfc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--text-xs: clamp(.75rem, .7rem + .2vw, .85rem);--text-sm: clamp(.85rem, .8rem + .3vw, .95rem);--text-md: clamp(1rem, .95rem + .4vw, 1.1rem);--text-lg: clamp(1.4rem, 1.2rem + 1vw, 2rem);--text-xl: clamp(2rem, 4vw, 3rem)}.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.page{color:#2563eb;width:100%;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.hero{text-align:center;padding:clamp(3rem,6vw,5rem) 1rem}.subtitle{margin-top:1.5rem;color:#64748b;font-size:var(--text-md);line-height:1.6}.hero-actions{margin-top:.5rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-actions .btn{padding:1rem 2rem;font-size:var(--text-md);font-weight:600}.announcement{display:inline-flex;align-items:center;gap:.5rem;background:#2563eb1a;color:#2563eb;padding:.4rem .75rem;border-radius:999px;font-size:var(--text-sm);font-weight:500}.announcement-text{white-space:nowrap}.emoji{filter:hue-rotate(200deg) saturate(150%)}.btn{border-radius:8px;padding:.7rem 1.2rem;font-size:var(--text-sm);cursor:pointer;border:1px solid transparent;white-space:nowrap}.btn.primary{background:#2563eb;color:#fff}.features{max-width:1200px;margin:clamp(3rem,6vw,4.5rem) auto;padding:0 clamp(1rem,4vw,2rem)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.25rem,4vw,2rem)}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.sub-heading{text-align:center;margin-bottom:3rem;font-size:var(--text-lg);font-weight:700;color:#0f172a}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.75rem 1.75rem 2rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a0f}.feature-icon{width:42px;height:42px;border-radius:10px;background:#ecfeff;color:#06b6d4;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.75rem}.feature-step{display:inline-block;font-size:.7rem;font-weight:600;color:#0ea5e9;margin-bottom:.35rem}.feature-card h3{font-size:.95rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.feature-card p{font-size:.8rem;line-height:1.5;color:#475569}.legal-content{max-width:960px;margin:0 auto;padding:2rem 1rem}.legal-title{color:#0f172a;margin-bottom:1rem}.legal-section{margin-bottom:1.5rem}.legal-heading{color:#0f172a;font-size:1.05rem;margin-bottom:.5rem}.legal-body{color:#475569;line-height:1.6;margin:0}body.dark-mode .legal-title,body.dark-mode .legal-heading{color:#f1f5f9}body.dark-mode .legal-body{color:#cbd5e1}.contact-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;width:100%;background:#f8fafc}.contact-form-container .contact-title{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:.25rem;text-align:left;font-family:Inter,Segoe UI,Arial,sans-serif}.contact-form-container .contact-desc{color:#555;font-size:1rem;margin-bottom:2.2rem;text-align:left;font-family:Inter,Segoe UI,Arial,sans-serif}.contact-form-container .contact-form{background:#fff;border-radius:12px;padding:2.5rem 2.5rem 2rem;max-width:520px;width:100%;box-shadow:0 2px 24px #00000012;display:flex;flex-direction:column;gap:1.25rem;font-family:Inter,Segoe UI,Arial,sans-serif}.contact-form-container .form-row{display:flex;gap:1rem}.contact-form-container .form-group{display:flex;flex-direction:column;flex:1;gap:.25rem}.contact-form-container .form-group label{color:#222;font-size:.97rem;font-weight:500;margin-bottom:.25rem;font-family:Inter,Segoe UI,Arial,sans-serif}.contact-form-container .form-group input,.contact-form-container .form-group select,.contact-form-container .form-group textarea{background:#fff;border:1.2px solid #e5e7eb;border-radius:7px;color:#222;font-size:1rem;padding:.75rem 1rem;margin-bottom:.1rem;transition:border-color .2s;font-family:Inter,Segoe UI,Arial,sans-serif}.contact-form-container .form-group input:focus,.contact-form-container .form-group select:focus,.contact-form-container .form-group textarea:focus{outline:none;border-color:#06b6d4}.contact-form-container .form-group input.error,.contact-form-container .form-group select.error,.contact-form-container .form-group textarea.error{border-color:#ef4444}.contact-form-container .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25em}.contact-form-container .form-group textarea{min-height:100px;resize:vertical}.contact-form-container .checkbox-group{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.25rem}.contact-form-container .checkbox-group label{color:#222;font-size:.97rem;font-weight:400;margin-bottom:0;font-family:Inter,Segoe UI,Arial,sans-serif}.contact-form-container .checkbox-group input[type=checkbox]{accent-color:#06b6d4;width:1.1em;height:1.1em;margin-right:.5em}.contact-form-container .required{color:#ef4444;margin-left:.1em}.contact-form-container .submit-btn{background:#06b6d4;color:#fff;border:none;border-radius:7px;font-size:1.1rem;font-weight:600;padding:.9rem 0;margin-top:.5rem;cursor:pointer;transition:background .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,Segoe UI,Arial,sans-serif}.contact-form-container .submit-btn:disabled{background:#e5e7eb;color:#b0b0b0;cursor:not-allowed}.contact-form-container .contact-form a{color:#06b6d4;text-decoration:underline;font-weight:500;font-size:.97rem}.form-toast-success{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:1200;width:min(92vw,760px);background:#ecfdf3;border:1px solid #86efac;color:#166534;border-radius:10px;padding:.85rem 1rem;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 24px #0000001a}@media(max-width:600px){.contact-form{padding:1.25rem .5rem 1rem;max-width:98vw}.form-row{flex-direction:column;gap:.5rem}}body{--contact-bg: #f8fafc;--contact-card: #fff;--contact-title: #0f172a;--contact-label: #0f172a;--contact-input-bg: #fff;--contact-input-color: #0f172a;--contact-subtitle: #64748b}body.dark-mode{--contact-bg: #0f172a;--contact-card: #1e2533;--contact-title: #fff;--contact-label: #f1f5f9;--contact-input-bg: #232b3b;--contact-input-color: #f1f5f9;--contact-subtitle: #cbd5e1}.cv-upload,.job-desc{border:1px solid #e5e7eb;padding:1.25rem;border-radius:12px;background:#fff;margin:1.25rem 0}.cv-upload h2,.job-desc h2{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:#0f172a}.upload-dropzone{margin-top:.75rem;border:2px dashed #cbd5f5;border-radius:10px;padding:1.75rem 1.25rem;text-align:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.upload-dropzone:hover{background:#f8fafc;border-color:#93c5fd}.upload-dropzone.dragging{background:#eff6ff;border-color:#2563eb;animation:border-pulse 1.5s infinite}.upload-icon{font-size:1.4rem;color:#0ea5e9;margin-bottom:.5rem}.upload-text{font-size:.85rem;color:#0f172a;margin-bottom:.25rem}.upload-hint{font-size:.75rem;color:#64748b}.upload-selected{margin-top:.75rem;font-size:.8rem;color:#334155}.upload-meta{margin-top:.5rem;font-size:.8rem;color:#334155}.status{margin-top:.4rem;font-size:.8rem;color:#2563eb}.job-textarea{width:100%;font-family:inherit;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;font-size:.85rem;resize:vertical}.job-textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd4d}.job-actions{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.job-actions .btn.primary{padding:.7rem 1.2rem;font-size:.9rem;font-weight:600}.btn{padding:.5rem .9rem;border-radius:8px;border:none;cursor:pointer;font-size:.8rem;font-weight:500;transition:background .2s ease,transform .15s ease}.btn.primary{background:#0ea5e9;color:#fff}.btn.primary:hover{background:#0284c7}.btn.primary:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7}.btn.secondary{background:#f1f5f9;color:#0f172a}.btn.secondary:hover{background:#e2e8f0}.btn:active{transform:scale(.98)}.navbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 clamp(1rem,4vw,2rem);background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.nav-left{font-weight:600;font-size:var(--text-lg);color:#2563eb}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-right a{text-decoration:none;color:#64748b;font-size:var(--text-sm);transition:color .15s ease}.nav-right a:hover{color:#2563eb}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"☀️";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}input:checked+.slider{background-color:#2563eb}input:focus+.slider{box-shadow:0 0 1px #2563eb}input:checked+.slider:before{transform:translate(20px);content:"🌙"}.nav-right .btn.primary{padding:.55rem 1rem;font-size:var(--text-sm)}.navbar{position:sticky;top:0;z-index:50}.footer{border-top:1px solid #e5e7eb;padding:clamp(1.5rem,4vw,2.5rem) clamp(2rem,6vw,4rem);display:grid;grid-template-columns:auto 1fr auto;align-items:center;color:#64748b}.footer>div:first-child{padding-left:.5rem;font-weight:600}.footer-links{display:flex;justify-content:center;gap:2.75rem}.footer-links a{text-decoration:none;color:inherit;font-size:.9rem;font-weight:750;transition:color .2s ease}.footer-links a:hover{color:#334155}.copyright{padding-right:.5rem;font-size:.75rem;white-space:nowrap}@media(max-width:768px){.nav-right a{display:none}.nav-right{gap:.75rem}.footer{grid-template-columns:1fr;row-gap:.9rem;justify-items:center;text-align:center;padding:1.25rem 1rem}.footer>div:first-child{padding-left:0}.footer-links{width:100%;flex-wrap:wrap;justify-content:center;gap:1rem}.copyright{padding-right:0;white-space:normal}}.footer-links{margin-top:.25rem}.title-part1{color:#333}.highlight{color:#2563eb}body.dark-mode{background-color:#0f172a;color:#f1f5f9}body.dark-mode .navbar{background-color:#1e293b;border-bottom-color:#334155}body.dark-mode .nav-left{color:#60a5fa}body.dark-mode .nav-right a,body.dark-mode .nav-link-btn{color:#94a3b8}body.dark-mode .nav-right a:hover{color:#60a5fa}body.dark-mode .cv-upload,body.dark-mode .job-desc,body.dark-mode .feature-card{background-color:#1e293b;border-color:#334155;color:#f1f5f9}body.dark-mode .upload-meta{color:#cbd5e1}body.dark-mode .preview pre{background-color:#0f172a;color:#e2e8f0}body.dark-mode .job-textarea{background-color:#0f172a;border-color:#334155;color:#f1f5f9}body.dark-mode .footer{border-top-color:#334155;color:#94a3b8}body.dark-mode .title-part1{color:#f1f5f9}body.dark-mode .highlight{color:#60a5fa}body.dark-mode .subtitle{color:#cbd5e1}body.dark-mode .announcement{background-color:#1e293b;border-color:#334155;color:#cbd5e1}body.dark-mode .feature-card h3{color:#f1f5f9}body.dark-mode .feature-card p{color:#cbd5e1}body.dark-mode .feature-icon{background-color:#334155;color:#67e8f9}body.dark-mode .feature-step{color:#38bdf8}body.dark-mode .sub-heading{color:#f1f5f9}.remove-file-btn{background:none;border:none;color:#ef4444;font-size:1.1rem;margin-left:.5rem;cursor:pointer;padding:0 .25rem}.remove-file-btn:hover{color:#dc2626}.char-count{margin-top:.5rem;font-size:.75rem;color:#64748b;text-align:right}body.dark-mode .cv-upload h2,body.dark-mode .job-desc h2{color:#f1f5f9}body.dark-mode .upload-dropzone{border-color:#475569}body.dark-mode .upload-dropzone:hover{background-color:#334155;border-color:#60a5fa}body.dark-mode .upload-text{color:#f1f5f9}body.dark-mode .upload-hint{color:#94a3b8}body.dark-mode .upload-icon{color:#38bdf8}body.dark-mode .btn.secondary{background-color:#334155;color:#f1f5f9}body.dark-mode .btn.secondary:hover{background-color:#475569}body.dark-mode .char-count{color:#94a3b8}body.dark-mode .remove-file-btn{color:#f87171}body.dark-mode .remove-file-btn:hover{color:#ef4444}.upload-warning{margin-top:.75rem;font-size:.8rem;color:#d97706;text-align:center}body.dark-mode .upload-warning{color:#fbbf24}body.dark-mode .upload-dropzone.dragging{background-color:#1e293b;border-color:#60a5fa}@keyframes border-pulse{0%{border-color:#2563eb;transform:scale(1)}50%{border-color:#60a5fa;transform:scale(1.01)}to{border-color:#2563eb;transform:scale(1)}}.upload-dropzone.uploading{opacity:.7;cursor:not-allowed;pointer-events:none}.upload-error{margin-top:.75rem;padding:.75rem;border:1px solid #fee2e2;border-radius:8px;background:#fef2f2;display:flex;gap:.75rem;align-items:flex-start}.upload-error .error-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.upload-error .error-content{flex:1}.upload-error .error-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#dc2626}.upload-error .error-message{margin:0 0 .25rem;font-size:.85rem;color:#991b1b;line-height:1.4}.upload-error .error-action{margin:0;font-size:.8rem;color:#7f1d1d;font-style:italic}.upload-error .retry-btn{flex-shrink:0;padding:.4rem .8rem;font-size:.75rem}.upload-error .retry-btn:disabled{opacity:.5;cursor:not-allowed}body.dark-mode .upload-error{border-color:#7f1d1d;background:#7f1d1d}body.dark-mode .upload-error .error-title{color:#fca5a5}body.dark-mode .upload-error .error-message{color:#fed7d7}body.dark-mode .upload-error .error-action{color:#f8d7da}.upload-success{margin-top:.75rem;padding:.75rem;border:1px solid #dbeafe;border-radius:8px;background:#f0f9ff;display:flex;gap:.75rem;align-items:flex-start}.upload-success .success-icon{font-size:1.25rem;color:#059669;flex-shrink:0;margin-top:.125rem}.upload-success .success-content{flex:1}.upload-success .success-text{margin:0 0 .25rem;font-size:.85rem;font-weight:500;color:#0369a1}.upload-success .success-meta{margin:0;font-size:.75rem;color:#0c4a6e}body.dark-mode .upload-success{border-color:#064e3b;background:#064e3b}body.dark-mode .upload-success .success-icon{color:#6ee7b7}body.dark-mode .upload-success .success-text{color:#86efac}body.dark-mode .upload-success .success-meta{color:#dcfce7}body.dark-mode .contact-form-container{background:#0f172a}body.dark-mode .contact-form-container .contact-title{color:#fff}body.dark-mode .contact-form-container .contact-desc{color:#cbd5e1}body.dark-mode .contact-form-container .contact-form{background:#1e2533;color:#f1f5f9;box-shadow:0 2px 24px #00000040}body.dark-mode .contact-form-container .form-group label{color:#f1f5f9}body.dark-mode .contact-form-container .form-group input,body.dark-mode .contact-form-container .form-group select,body.dark-mode .contact-form-container .form-group textarea{background:#232b3b;color:#f1f5f9;border:1.2px solid #334155}body.dark-mode .contact-form-container .form-group input:focus,body.dark-mode .contact-form-container .form-group select:focus,body.dark-mode .contact-form-container .form-group textarea:focus{border-color:#38bdf8}body.dark-mode .contact-form-container .form-group input.error,body.dark-mode .contact-form-container .form-group select.error,body.dark-mode .contact-form-container .form-group textarea.error{border-color:#ef4444}body.dark-mode .contact-form-container .form-group select{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}body.dark-mode .contact-form-container .checkbox-group label{color:#f1f5f9}body.dark-mode .contact-form-container .checkbox-group input[type=checkbox]{accent-color:#38bdf8}body.dark-mode .contact-form-container .submit-btn{background:#38bdf8;color:#0f172a}body.dark-mode .contact-form-container .submit-btn:disabled{background:#334155;color:#94a3b8}body.dark-mode .contact-form-container .contact-form a{color:#38bdf8}body.dark-mode .form-toast-success{background:#052e16;border-color:#166534;color:#bbf7d0}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden;margin:0;padding:0}.page{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.content{flex:1;width:100%}.generated-output-card{max-width:1200px;margin:0 auto 2rem;padding:0 clamp(1rem,4vw,2rem)}.generated-output-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.generated-output-header h2{margin:0;font-size:1.1rem;color:#0f172a}.generated-output-actions{display:flex;gap:.6rem;flex-wrap:wrap}.generated-output-body{border:1px solid #dbe2ea;border-radius:12px;background:#fff;overflow:auto;height:min(80vh,920px)}.generated-output-frame{width:100%;min-height:100%;height:100%;border:none}.split{display:flex;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 clamp(1rem,4vw,2rem);align-items:flex-start}.split .upload-section{flex:1;max-width:550px;display:flex;flex-direction:column}.split .cv-upload{width:100%;aspect-ratio:3 / 2;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.split .cv-upload .upload-dropzone{display:block;width:100%}.split .job-desc{flex:1.5;margin:0;display:flex;flex-direction:column;min-height:600px}.split .job-desc .job-textarea{flex:1;min-height:450px;resize:vertical}@media(max-width:900px){.split{flex-direction:column;align-items:stretch}.split .upload-section{max-width:100%}.split .cv-upload{aspect-ratio:auto;min-height:300px}.split .job-desc,.split .job-desc .job-textarea{min-height:auto}.generated-output-header{flex-direction:column;align-items:flex-start}.generated-output-body{height:75vh}}.ai-prompt{margin-top:.75rem;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.ai-prompt-header{width:100%;background:#f8fafc;color:#0f172a;border:none;padding:.8rem .9rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ai-prompt-left{display:flex;gap:.6rem;align-items:flex-start;text-align:left}.ai-icon{font-size:.9rem;margin-top:.15rem}.ai-title{font-size:.8rem;font-weight:600}.ai-subtitle{font-size:.7rem;color:#64748b;margin-top:.1rem}.ai-chevron{font-size:.8rem;transition:transform .2s ease}.ai-chevron.open{transform:rotate(180deg)}.ai-chevron.close{transform:rotate(0)}.ai-accordion{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s ease,opacity .7s ease}.ai-accordion.open{max-height:600px;opacity:1}.ai-prompt-content{background:#fff;padding:.75rem;border-top:1px solid #e2e8f0}.ai-textarea{width:100%;min-height:160px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem;font-size:.75rem;color:#0f172a;resize:vertical}.ai-textarea::placeholder{color:#94a3b8}.ai-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.btn-reset{background:none;border:none;padding:0;font-size:.75rem;color:#64748b;cursor:pointer}.btn-reset:hover{color:#ef4444;text-decoration:underline}body.dark-mode .ai-prompt{border-color:#334155}body.dark-mode .ai-prompt-header{background:#1e293b;color:#f8fafc}body.dark-mode .ai-subtitle{color:#cbd5e1}body.dark-mode .ai-prompt-content{background:#0f172a;border-top-color:#334155}body.dark-mode .ai-textarea{background:#020617;border-color:#334155;color:#e5e7eb}body.dark-mode .ai-textarea::placeholder{color:#64748b}body.dark-mode .btn-reset{color:#94a3b8}body.dark-mode .btn-reset:hover{color:#f87171}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .25s ease-in-out}.modal-container{background:#fff;width:100%;max-width:480px;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 20px 60px #00000040;text-align:center;animation:scaleIn .25s ease-in-out}.modal-title{font-size:1.6rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.modal-subtitle{font-size:.95rem;color:#6b7280;margin-bottom:1.8rem}.modal-spinner{width:60px;height:60px;border:6px solid #e5e7eb;border-top:6px solid #2563eb;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.modal-success-icon{width:60px;height:60px;border-radius:50%;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;animation:scaleIn .3s ease-out}.modal-error-icon{width:60px;height:60px;border-radius:50%;background-color:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;animation:scaleIn .3s ease-out}.modal-steps-card{background:#f9fafb;border-radius:12px;padding:1.5rem;text-align:left;margin-bottom:1.5rem}.modal-step{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:#374151}.modal-step:last-child{margin-bottom:0}.step-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid #e5e7eb}.step-icon.complete{background-color:#2563eb;color:#fff;border:none}.step-icon.error{background-color:#ef4444;color:#fff;border:none}.step-icon.loading{border:3px solid #d1d5db;border-top:3px solid #2563eb;animation:spin 1s linear infinite}.modal-footer{font-size:.8rem;color:#9ca3af}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}body.dark-mode .modal-container{background:#1e293b;box-shadow:0 20px 60px #00000080}body.dark-mode .modal-title{color:#f8fafc}body.dark-mode .modal-subtitle{color:#cbd5e1}body.dark-mode .modal-spinner{border-color:#334155;border-top-color:#3b82f6}body.dark-mode .modal-steps-card{background:#0f172a;border:1px solid #334155}body.dark-mode .modal-step{color:#e2e8f0}body.dark-mode .step-icon.loading{border-color:#334155;border-top-color:#3b82f6}body.dark-mode .step-icon.complete{background-color:#3b82f6}body.dark-mode .modal-footer{color:#94a3b8}