@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Plus Jakarta Sans", sans-serif;--font-secondary:"Outfit", sans-serif;--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:#1f2937;--bg-card-hover:#374151;--border-color:#374151;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary-color:#6366f1;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--secondary-gradient:linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #00000026, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #6366f140;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#f1f5f9;--bg-card-hover:#e2e8f0;--border-color:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-glow:0 0 20px #6366f126}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.glassmorphism{-webkit-backdrop-filter:blur(16px);background:#111827b3;border:1px solid #ffffff0d}[data-theme=light] .glassmorphism{background:#ffffffb3;border:1px solid #00000014}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.glow-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-secondary);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.glow-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.glow-btn:active{transform:translateY(0)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 37%, var(--bg-card) 63%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.app-container{flex-direction:column;min-height:100vh;display:flex}main.main-content{flex:1}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.print-area{width:100%;margin:0;padding:0;position:absolute;top:0;left:0;display:block!important}}.navbar{z-index:100;width:100%;height:70px;transition:background var(--transition-normal), border var(--transition-normal);align-items:center;display:flex;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:var(--text-primary);align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.logo-icon{color:var(--primary-color)}.mobile-toggle{color:var(--text-primary);display:none}.navbar-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;font-weight:500;display:flex}.nav-link:hover{color:var(--text-primary)}.active-link{color:var(--primary-color);font-weight:600}.flex-align{align-items:center;gap:6px;display:flex}.theme-toggle{width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-color);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--bg-card);color:var(--text-primary)}.auth-buttons{align-items:center;gap:16px;display:flex}.auth-btn{border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 18px;font-size:14px;font-weight:600}.auth-btn.login{color:var(--text-primary);border:1px solid var(--border-color)}.auth-btn.login:hover{background-color:var(--bg-card)}.auth-btn.signup{padding:9px 20px}.user-menu-container{position:relative}.user-profile-btn{border:1px solid var(--border-color);background:var(--bg-card);transition:border-color var(--transition-fast);border-radius:30px;align-items:center;gap:10px;padding:6px 12px;display:flex}.user-profile-btn:hover{border-color:var(--text-muted)}.user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.avatar-fallback{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.user-name-label{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:14px;font-weight:600;overflow:hidden}.pro-badge{background:var(--secondary-gradient);color:#fff;letter-spacing:.5px;border-radius:12px;padding:2px 6px;font-size:9px;font-weight:800}.user-dropdown{border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-xl);background-color:var(--bg-primary);z-index:1000;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:50px;right:0}.dropdown-header{padding:8px 12px}.dropdown-username{color:var(--text-primary);font-size:14px;font-weight:600}.dropdown-email{color:var(--text-secondary);text-overflow:ellipsis;font-size:12px;overflow:hidden}.dropdown-divider{border:0;border-top:1px solid var(--border-color);margin:4px 0}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.dropdown-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.dropdown-item.logout-btn{color:var(--danger-color);text-align:left;width:100%}.dropdown-item.logout-btn:hover{background-color:#ef44441a}@media (width<=768px){.navbar-container{padding:0 16px}.mobile-toggle{display:block}.navbar-links{background:var(--bg-primary);border-bottom:1px solid var(--border-color);opacity:0;visibility:hidden;width:100%;transition:all var(--transition-normal);flex-direction:column;gap:20px;padding:24px;position:absolute;top:70px;left:0;transform:translateY(-10px)}.navbar-links.active{opacity:1;visibility:visible;box-shadow:var(--shadow-xl);transform:translateY(0)}.user-name-label{display:none}.auth-buttons{flex-direction:column;width:100%}.auth-btn{text-align:center;width:100%}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:60px 24px 30px;font-size:14px}.footer-container{grid-template-columns:1.5fr 3fr;gap:60px;max-width:1200px;margin:0 auto 50px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{color:var(--text-primary);align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.brand-tagline{line-height:1.6}.social-links{align-items:center;gap:16px;display:flex}.social-links a{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{border-color:var(--primary-color);color:var(--text-primary);background-color:var(--bg-card);transform:translateY(-2px)}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-column h4{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.footer-column a{transition:color var(--transition-fast)}.footer-column a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:30px;display:flex}.made-with{align-items:center;gap:6px;display:flex}.heart-icon{color:var(--danger-color);fill:var(--danger-color)}@media (width<=768px){.footer-container{grid-template-columns:1fr;gap:40px}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=480px){.footer-links-grid{grid-template-columns:1fr;gap:30px}}.dialog-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dialog-content{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);flex-direction:column;max-height:calc(100vh - 40px);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.dialog-sm{max-width:440px}.dialog-md{max-width:600px}.dialog-lg{max-width:800px}.dialog-xl{max-width:950px}.dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dialog-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.dialog-close-btn{width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.dialog-close-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.dialog-body{color:var(--text-secondary);flex:1;padding:24px;font-size:14px;line-height:1.6;overflow-y:auto}.dialog-actions{border-top:1px solid var(--border-color);background-color:#0000001a;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}[data-theme=light] .dialog-actions{background-color:#00000005}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-classic,.template-modern,.template-minimal,.template-creative,.template-technical,.template-fresher{color:#1e293b;box-sizing:border-box;text-align:left;background-color:#fff;width:100%;min-height:1050px;padding:40px;font-size:13px;line-height:1.5;box-shadow:0 0 10px #0000000d}.classic-header{text-align:center;margin-bottom:24px}.classic-header h1{margin-bottom:4px;font-size:32px;font-weight:800}.classic-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:15px;font-weight:600}.classic-contact{color:#475569;flex-wrap:wrap;justify-content:center;gap:12px;font-size:11px;display:flex}.classic-section{margin-bottom:20px}.classic-section h2{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:15px;font-weight:700}.classic-section hr{border:0;margin-bottom:10px}.classic-summary-text{color:#334155}.classic-list{flex-direction:column;gap:14px;display:flex}.classic-item{flex-direction:column;gap:4px;display:flex}.classic-item-header{justify-content:space-between;align-items:baseline;display:flex}.item-loc{color:#64748b;font-size:11px}.item-desc{color:#475569;font-size:12px}.item-tech{color:#475569;font-size:11px;font-weight:600}.classic-skills-grid{flex-wrap:wrap;gap:8px;display:flex}.classic-skill-tag{color:#334155;background-color:#f1f5f9;border-radius:4px;padding:4px 10px;font-size:11px}.classic-link{color:#4f46e5;align-self:flex-start;font-size:11px;text-decoration:underline}.template-modern{grid-template-columns:240px 1fr;min-height:1050px;padding:0;display:grid}.modern-sidebar{color:#fff;flex-direction:column;gap:28px;padding:40px 24px;display:flex}.modern-avatar-container{justify-content:center;margin-bottom:10px;display:flex}.modern-avatar{object-fit:cover;border:3px solid #fff3;border-radius:50%;width:100px;height:100px}.modern-avatar-fallback{background-color:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:32px;font-weight:800;display:flex}.modern-sidebar-name{text-align:center;font-size:22px;font-weight:800;line-height:1.2}.modern-sidebar-title{text-align:center;opacity:.8;text-transform:uppercase;margin-top:-6px;font-size:13px;font-weight:500}.modern-sidebar-contact,.modern-sidebar-skills{flex-direction:column;gap:10px;display:flex}.modern-sidebar-contact h3,.modern-sidebar-skills h3{text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #fff3;padding-bottom:4px;font-size:13px;font-weight:700}.modern-sidebar-contact p{opacity:.9;font-size:12px}.modern-skill-item{justify-content:space-between;font-size:12px;display:flex}.modern-skill-item .skill-level{opacity:.7}.modern-main{flex-direction:column;gap:24px;padding:40px;display:flex}.modern-section{flex-direction:column;gap:12px;display:flex}.modern-section-title{text-transform:uppercase;letter-spacing:.5px;color:#0f172a;padding-left:10px;font-size:15px;font-weight:700}.modern-summary-text{color:#475569}.modern-list{flex-direction:column;gap:16px;display:flex}.modern-item{flex-direction:column;gap:4px;display:flex}.modern-item-meta{justify-content:space-between;align-items:baseline;display:flex}.company-label,.institution-label{color:#475569;font-size:12px;font-weight:600}.modern-item-desc{color:#475569;font-size:12px}.minimal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;display:flex}.minimal-brand h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.minimal-title{font-size:14px;font-weight:600}.minimal-contact{color:#64748b;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;display:flex}.minimal-section{margin-bottom:24px}.minimal-summary{color:#334155;font-size:13px;line-height:1.6}.minimal-sec-title{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:12px;font-size:12px;font-weight:700}.minimal-item{margin-bottom:14px}.minimal-item-header{justify-content:space-between;margin-bottom:4px;display:flex}.minimal-desc{color:#475569;font-size:12px}.minimal-item-sub{color:#64748b;font-size:12px}.minimal-skills{flex-wrap:wrap;gap:6px;display:flex}.minimal-skill-badge{color:#475569;border-radius:20px;padding:4px 10px;font-size:11px}.creative-header{color:#fff;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:30px;display:flex}.creative-header-content h1{font-size:28px;font-weight:800}.creative-header-content p{opacity:.9;font-size:14px}.creative-header-contact{opacity:.9;flex-direction:column;align-items:flex-end;font-size:12px;display:flex}.creative-layout{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.creative-section{margin-bottom:20px}.creative-section h3{text-transform:uppercase;margin-bottom:10px;font-size:14px;font-weight:800}.creative-summary{color:#475569}.creative-item{margin-bottom:14px}.creative-item-header{justify-content:space-between;align-items:baseline;display:flex}.creative-item-company{color:#475569;font-size:12px;font-weight:600}.creative-desc{color:#475569;font-size:12px}.creative-skills{flex-direction:column;gap:8px;display:flex}.creative-skill-bar{background-color:#f8fafc;border-left:3px solid #cbd5e1;border-radius:4px;justify-content:space-between;padding:6px 10px;font-size:12px;display:flex}.creative-skill-level{color:#64748b;font-weight:600}.creative-sidebar-item{flex-direction:column;margin-bottom:12px;display:flex}.date-badge{color:#64748b;font-size:10px}.tech-header{border-bottom:2px solid #0f172a;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;display:flex}.tech-title-block h2{font-size:26px;font-weight:800}.tech-role{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.tech-contact-block{color:#475569;flex-direction:column;align-items:flex-end;font-family:monospace;font-size:11px;display:flex}.tech-section{margin-bottom:20px}.tech-heading{text-transform:uppercase;color:#0f172a;margin-bottom:8px;padding-left:8px;font-size:13px;font-weight:700}.tech-summary-p{color:#334155;font-size:12px}.tech-skills-wrap{flex-wrap:wrap;gap:6px;display:flex}.tech-skill-tag{color:#334155;background-color:#f8fafc;padding:4px 8px;font-family:monospace;font-size:11px}.tech-skill-tag .lvl{color:#64748b}.tech-item{margin-bottom:12px}.tech-item-meta{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.tech-languages{color:#64748b;font-size:11px;font-weight:600}.tech-desc{color:#475569;font-size:12px}.tech-link-url{font-family:monospace;font-size:11px;text-decoration:underline}.fresher-header{text-align:left;border-bottom:1px solid #cbd5e1;margin-bottom:20px;padding-bottom:16px}.fresher-header h1{font-size:28px;font-weight:800}.fresher-subtitle{color:#64748b;font-size:14px}.fresher-contact{color:#475569;gap:16px;margin-top:8px;font-size:12px;display:flex}.fresher-section{margin-bottom:20px}.fresher-section h3{text-transform:uppercase;font-size:13px;font-weight:700}.fresher-divider{border:0;border-top:1px solid #e2e8f0;margin-top:4px;margin-bottom:10px}.fresher-text{color:#334155}.fresher-skills-row{flex-wrap:wrap;gap:8px;display:flex}.fresher-skill{color:#475569;border-radius:4px;padding:4px 10px;font-size:12px}.fresher-item{margin-bottom:14px}.fresher-item-header{justify-content:space-between;align-items:baseline;display:flex}.fresher-item-tech{color:#64748b;font-size:11px;font-weight:600}.fresher-item-institution{color:#475569;font-size:12px;font-weight:600}.fresher-desc{color:#475569;font-size:12px}.template-executive{color:#1f2937;background:#fff;padding:40px}.executive-header{text-align:center;margin-bottom:24px;padding-bottom:16px}.executive-header h1{margin-bottom:4px;font-size:2.2rem}.executive-contact{color:#4b5563;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;font-size:.9rem;display:flex}.executive-section{margin-bottom:24px}.executive-section h2{text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:1.2rem}.executive-summary-text{line-height:1.6}.executive-list{flex-direction:column;gap:16px;display:flex}.executive-item-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.executive-company{margin-bottom:8px}.executive-skills-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.executive-skill-tag{background:#f9fafb;border-radius:4px;padding:8px 12px}.template-academic{color:#000;background:#fff;padding:40px;line-height:1.5}.academic-header{text-align:center;margin-bottom:24px}.academic-header h1{margin-bottom:8px;font-size:2.4rem}.academic-contact{justify-content:center;gap:16px;font-size:.95rem;display:flex}.academic-section{margin-bottom:20px}.academic-section h2{text-transform:uppercase;margin-bottom:12px;padding-bottom:4px;font-size:1.1rem}.academic-list{flex-direction:column;gap:12px;display:flex}.academic-item-header{justify-content:space-between;align-items:baseline;display:flex}@media print{.template-classic,.template-modern,.template-minimal,.template-creative,.template-technical,.template-fresher,.template-executive,.template-academic{box-shadow:none!important;width:100%!important;min-height:auto!important;padding:0!important}}.landing-page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.hero-section{text-align:center;max-width:800px;margin:0 auto;padding:80px 0 60px}.hero-badge{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--primary-color);border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge-icon{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-section h1{font-family:var(--font-secondary);letter-spacing:-1px;margin-bottom:20px;font-size:54px;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-secondary);margin-bottom:36px;font-size:18px;line-height:1.6}.hero-ctas{justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.hero-cta-btn{padding:14px 28px;font-size:16px}.secondary-cta-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.secondary-cta-btn:hover{background-color:var(--bg-card)}.hero-features-list{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:14px;display:flex}.h-feat-item{align-items:center;gap:8px;display:flex}.h-feat-icon{color:var(--success-color)}.demo-section{padding:40px 0 80px}.demo-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;box-shadow:var(--shadow-xl);overflow:hidden}.demo-title-bar{border-bottom:1px solid var(--border-color);background-color:#0003;align-items:center;gap:8px;padding:12px 18px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#f59e0b}.dot.green{background-color:#10b981}.demo-url{color:var(--text-muted);margin-left:20px;font-family:monospace;font-size:12px}.demo-workspace{grid-template-columns:1fr 1.2fr;min-height:420px;display:grid}.demo-form{border-right:1px solid var(--border-color);flex-direction:column;gap:20px;padding:30px;display:flex}.demo-form h3{margin-bottom:4px;font-size:16px;font-weight:700}.demo-input-group{flex-direction:column;gap:6px;display:flex}.demo-input-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.demo-input{border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:44px;transition:border-color var(--transition-fast);background-color:#00000026;align-items:center;padding:12px;font-size:14px;display:flex;position:relative}.demo-input.text-area{align-items:flex-start;min-height:100px}.demo-input.focused{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.demo-input .placeholder{color:var(--text-muted)}.caret{background-color:var(--primary-color);width:2px;height:18px;margin-left:2px;animation:.8s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.demo-preview{background-color:#0b0f19;justify-content:center;align-items:center;padding:30px;display:flex}.preview-paper{color:#1e293b;border-radius:var(--radius-sm);width:100%;max-width:460px;min-height:380px;box-shadow:var(--shadow-lg);background-color:#fff;padding:24px;font-size:11px}.preview-header{margin-bottom:16px;padding-left:12px}.preview-name{color:#0f172a;font-size:18px;font-weight:800}.preview-title{color:#4f46e5;font-size:12px;font-weight:600}.preview-section{margin-bottom:16px}.preview-section h4{text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #cbd5e1;margin-bottom:6px;padding-bottom:3px;font-size:10px;font-weight:700}.preview-summary{color:#334155;line-height:1.5}.preview-job-item{flex-direction:column;gap:2px;display:flex}.job-meta{justify-content:space-between;font-weight:600;display:flex}.job-role{color:#4f46e5;font-weight:500}.preview-job-item ul{color:#475569;flex-direction:column;gap:2px;margin-top:4px;padding-left:14px;display:flex}.features-section{padding:60px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-family:var(--font-secondary);margin-bottom:12px;font-size:36px;font-weight:800}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius-lg);transition:transform var(--transition-normal);flex-direction:column;gap:16px;padding:32px;display:flex}.feature-card:hover{transform:translateY(-4px)}.feat-icon-box{border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-card h3{font-size:20px;font-weight:700}.feature-card p{color:var(--text-secondary);line-height:1.6}.templates-section{padding:60px 0}.templates-carousel{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.template-card{border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.template-thumbnail{color:#fff;justify-content:center;align-items:center;height:220px;display:flex}.template-info{padding:20px}.template-info h3{margin-bottom:6px;font-size:18px;font-weight:700}.template-info p{color:var(--text-secondary);font-size:13px}.testimonials-section{padding:60px 0}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.testimonial-card{border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:32px;display:flex}.stars-row{gap:4px;display:flex}.star-filled{color:#fbbf24;fill:#fbbf24}.testimonial-quote{font-size:15px;font-style:italic;line-height:1.6}.testimonial-author{flex-direction:column;display:flex}.testimonial-author strong{color:var(--text-primary);font-size:14px}.testimonial-author span{color:var(--text-muted);font-size:12px}.pricing-teaser{padding:60px 0}.pricing-box{border-radius:var(--radius-xl);padding:48px}.pricing-teaser-header{text-align:center;margin-bottom:40px}.pricing-teaser-header h3{margin-bottom:8px;font-size:28px;font-weight:800}.pricing-options{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px;display:grid}.pricing-teaser-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:#0003;flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.pricing-teaser-card.pro{border-color:var(--primary-color);background-color:#6366f10d}.card-badge{background:var(--secondary-gradient);color:#fff;letter-spacing:.5px;padding:4px 30px;font-size:9px;font-weight:800;position:absolute;top:15px;right:-30px;transform:rotate(45deg)}.pricing-teaser-card h4{margin-bottom:12px;font-size:18px;font-weight:700}.pricing-teaser-card .price{color:var(--text-primary);margin-bottom:20px;font-size:36px;font-weight:800}.pricing-teaser-card .price span{color:var(--text-secondary);font-size:14px;font-weight:500}.pricing-teaser-card ul{flex-direction:column;gap:12px;font-size:14px;list-style:none;display:flex}.pricing-teaser-card ul li{align-items:center;gap:8px;display:flex}.pricing-teaser-card ul li svg{color:var(--success-color)}.teaser-cta{text-align:center}.pricing-cta-btn{padding:14px 36px}.faq-section{padding:60px 0}.faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);padding:20px 24px}.faq-question{justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq-arrow{transition:transform var(--transition-fast);color:var(--text-secondary)}.faq-item.open .faq-arrow{transform:rotate(90deg)}.faq-answer{color:var(--text-secondary);margin-top:14px;font-size:14px;line-height:1.6}@media (width<=992px){.hero-section h1{font-size:44px}.demo-workspace{grid-template-columns:1fr}.demo-form{border-right:0;border-bottom:1px solid var(--border-color)}.features-grid,.templates-carousel{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pricing-options,.testimonials-grid{grid-template-columns:1fr}}@media (width<=576px){.hero-section h1{font-size:34px}.features-grid,.templates-carousel{grid-template-columns:1fr}}.template-thumbnail{border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;height:220px;padding:24px;display:flex;position:relative;overflow:hidden;background-color:var(--bg-secondary)!important}.mini-preview{border-radius:var(--radius-sm);color:#1e293b;box-sizing:border-box;background-color:#fff;flex-direction:column;gap:8px;width:130px;height:175px;padding:12px;font-size:8px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.mini-line{background-color:#cbd5e1;border-radius:2px;height:3px}.mini-line.name{background-color:#0f172a;width:60%;height:5px;margin-bottom:2px}.mini-line.sub{background-color:#64748b;width:40%;height:3px}.mini-divider{border:0;border-top:1px solid #cbd5e1;margin:0}.classic-mini{align-items:stretch}.classic-mini .mini-header-center{flex-direction:column;align-items:center;gap:3px;display:flex}.classic-mini .mini-line.name{width:50%;margin-left:auto;margin-right:auto}.classic-mini .mini-contact-row{justify-content:center;gap:4px;display:flex}.classic-mini .mini-contact-row .dot{background-color:#94a3b8;border-radius:50%;width:2px;height:2px}.modern-mini{flex-direction:row;gap:0;padding:0}.modern-mini .mini-sidebar{flex-direction:column;align-items:center;gap:6px;width:40px;height:100%;padding:12px 6px;display:flex}.modern-mini .mini-circle{background-color:#fff6;border-radius:50%;width:14px;height:14px}.modern-mini .mini-line.side-item{background-color:#ffffff4d;width:100%;height:2px}.modern-mini .mini-body{flex-direction:column;flex:1;gap:6px;padding:12px 8px;display:flex}.minimal-mini{align-items:flex-start;padding:14px}.minimal-mini .mini-line.name{width:45%}.creative-mini{gap:0;padding:0}.creative-mini .mini-banner{color:#fff;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}.creative-mini .mini-banner .mini-line.name{background-color:#fff;width:55%}.creative-mini .mini-banner .mini-line.sub{background-color:#ffffffb3;width:35%}.creative-mini .mini-columns{grid-template-columns:1.2fr 1fr;gap:8px;width:100%;padding:10px;display:grid}.creative-mini .mini-circle-bar{background-color:#e2e8f0;border-radius:2px;width:100%;height:4px;margin-bottom:4px;position:relative;overflow:hidden}.creative-mini .mini-circle-bar:after{content:"";background-color:#94a3b8;width:70%;height:100%;position:absolute;top:0;left:0}.technical-mini{color:#38bdf8;background-color:#0b0f19;border:1px solid #1e293b}.technical-mini .mini-line.name{background-color:#f8fafc}.technical-mini .mini-header-tech{align-items:center;gap:4px;display:flex}.technical-mini .code-symbol{color:#fbbf24;font-family:monospace;font-size:7px;font-weight:700}.technical-mini .mini-code-block{color:#64748b;flex-direction:column;gap:3px;font-family:monospace;font-size:6px;display:flex}.technical-mini .code-kw{color:#ec4899}.technical-mini .code-var{color:#3b82f6}.technical-mini .mini-line.skill-item{background-color:#38bdf8;width:50%;height:2px;margin-left:6px}.fresher-mini{align-items:stretch}.fresher-mini .fresher-badge{color:#d97706;background-color:#fef3c7;border-radius:2px;align-self:flex-start;margin-bottom:2px;padding:1px 3px;font-size:5px;font-weight:800;display:inline-block}.mini-line.text-long{width:90%}.mini-line.text-medium{width:70%}.mini-line.text-short{width:45%}.landing-template-preview-box{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fff;justify-content:center;width:100%;padding:16px 24px;display:flex}.landing-template-preview-box .resume-paper-boundary{width:100%;max-width:900px;box-shadow:none!important}.landing-template-preview-box .template-classic,.landing-template-preview-box .template-modern,.landing-template-preview-box .template-minimal,.landing-template-preview-box .template-creative,.landing-template-preview-box .template-technical,.landing-template-preview-box .template-fresher{box-sizing:border-box;border-radius:0;min-height:auto!important;box-shadow:none!important;border:none!important;width:100%!important;padding:20px 0!important}.seo-article-section{border-top:1px solid var(--border-color);margin-top:60px;padding:60px 0 40px}.seo-article-container{max-width:900px;color:var(--text-secondary);margin:0 auto;line-height:1.8}.seo-article-container h2{font-family:var(--font-secondary);text-align:center;color:var(--text-primary);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:28px;font-weight:800}.seo-article-container h3{color:var(--text-primary);margin-top:32px;margin-bottom:12px;font-size:18px;font-weight:700}.seo-article-container p{margin-bottom:18px;font-size:14.5px}.seo-article-container strong{color:var(--text-primary)}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:40px 24px;display:flex}.auth-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:440px;box-shadow:var(--shadow-xl);padding:40px 32px}.auth-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.auth-logo-icon{color:var(--primary-color);margin-bottom:12px}.auth-header h2{font-family:var(--font-secondary);color:var(--text-primary);margin-bottom:6px;font-size:24px;font-weight:800}.auth-subheader{color:var(--text-secondary);font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.input-with-icon{width:100%;position:relative}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background-color:#00000026;padding:12px 14px 12px 42px;font-size:14px}.input-with-icon input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.forgot-password-link{text-align:right}.forgot-password-link button{color:var(--primary-color);font-size:12px;font-weight:500}.forgot-password-link button:hover{text-decoration:underline}.submit-btn{width:100%;margin-top:8px;padding:12px}.spinner{animation:1s linear infinite spin}.auth-alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.auth-alert.error{color:var(--danger-color);background-color:#ef44441a;border-color:#ef444433}.auth-alert.success{color:var(--success-color);background-color:#10b9811a;border-color:#10b98133}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before{content:"";background-color:var(--border-color);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.auth-divider span{z-index:2;background-color:var(--bg-secondary);text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:0 12px;font-size:11px;position:relative}[data-theme=light] .auth-divider span{background-color:var(--bg-primary)}.google-oauth-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:11px;font-size:14px;font-weight:600;display:flex}.google-oauth-btn:hover{background-color:var(--bg-card-hover)}.auth-toggle{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:13px}.auth-toggle button{color:var(--primary-color);font-weight:600}.auth-toggle button:hover{text-decoration:underline}.back-to-login{text-align:center;margin-top:24px}.back-to-login button{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:13px;display:inline-flex}.back-to-login button:hover{color:var(--text-primary)}@media (width<=480px){.auth-card{padding:30px 20px}}.auth-google-section{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.google-oauth-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:15px;font-weight:600;display:flex}.google-oauth-btn:hover{background-color:var(--bg-card-hover);border-color:#4285f466;box-shadow:0 0 0 3px #4285f414}.google-oauth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-security-note{color:var(--text-muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.show-pass-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.show-pass-btn:hover{color:var(--text-primary)}.optional-label{color:var(--text-muted);margin-left:4px;font-size:10px;font-weight:400}.pass-hint{color:var(--text-muted);margin-top:3px;font-size:11px}.dashboard-page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;display:flex}.dashboard-header h2{font-family:var(--font-secondary);font-size:28px;font-weight:800}.dashboard-header .subtitle{color:var(--text-secondary);font-size:14px}.create-btn{padding:10px 20px;font-size:14px}.empty-dashboard{border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:600px;margin:40px auto;padding:80px 40px;display:flex}.empty-icon-box{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:8px;display:flex}.empty-dashboard h3{font-size:22px;font-weight:700}.empty-dashboard p{color:var(--text-secondary);max-width:400px;margin-bottom:12px}.resumes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.resume-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;justify-content:space-between;height:200px;display:flex;position:relative;overflow:visible}.resume-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.resume-card-body{flex:1;padding:24px}.resume-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.resume-icon-box{border-radius:var(--radius-md);background-color:var(--bg-card-hover);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.resume-doc-icon{color:var(--primary-color)}.card-menu-container{position:relative}.card-menu-trigger{width:28px;height:28px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.card-menu-trigger:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.card-dropdown{border-radius:var(--radius-md);width:160px;box-shadow:var(--shadow-lg);z-index:10;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:32px;right:0}.card-dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);text-align:left;width:100%;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.card-dropdown-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.card-dropdown-item.delete-btn{color:var(--danger-color)}.card-dropdown-item.delete-btn:hover{background-color:#ef44441a}.resume-title-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:18px;font-weight:700;overflow:hidden}.resume-template-label{color:var(--text-secondary);font-size:13px}.resume-template-label span{color:var(--text-primary);font-weight:600}.resume-card-footer{border-top:1px solid var(--border-color);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background-color:#00000026;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}[data-theme=light] .resume-card-footer{background-color:#00000005}.last-edited{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.ats-badge-container{border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.ats-high{color:var(--success-color);background-color:#10b98126}.ats-mid{color:var(--warning-color);background-color:#f59e0b26}.ats-low{color:var(--danger-color);background-color:#ef444426}.create-resume-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);background-color:#00000026;padding:12px;font-size:14px}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.template-selectors{grid-template-columns:repeat(2,1fr);gap:10px;max-height:240px;padding-right:4px;display:grid;overflow-y:auto}.template-select-item{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);background-color:#0000001a;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex;position:relative}.template-select-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.template-select-item.selected{border-color:var(--primary-color);color:var(--text-primary);background-color:#6366f114}.check-icon{color:var(--primary-color);position:absolute;right:12px}.create-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.cancel-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background-color var(--transition-fast);padding:10px 18px;font-size:14px;font-weight:600}.cancel-btn:hover{background-color:var(--bg-card)}.start-btn{padding:10px 20px;font-size:14px}.danger-btn{background:var(--danger-color)!important}.danger-btn:hover{box-shadow:0 0 15px #ef444466!important}.builder-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.builder-navbar{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 24px;display:flex}.builder-nav-left,.builder-nav-right{align-items:center;gap:16px;display:flex}.back-to-dash{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.back-to-dash:hover{color:var(--text-primary)}.title-renamer input{color:var(--text-primary);border-radius:var(--radius-sm);width:220px;transition:all var(--transition-fast);background-color:#0000;border:1px solid #0000;padding:4px 8px;font-size:16px;font-weight:700}.title-renamer input:hover,.title-renamer input:focus{border-color:var(--border-color);background-color:#00000026}.autosave-status{color:var(--text-muted);font-size:12px}.autosave-status .saving{color:var(--warning-color);align-items:center;gap:4px;display:flex}.autosave-status .saved{color:var(--success-color);align-items:center;gap:4px;display:flex}.icon-btn-secondary{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background-color var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.icon-btn-secondary:hover{background-color:var(--bg-card)}.download-pdf-btn{padding:8px 18px;font-size:14px}.builder-workspace{flex:1;grid-template-columns:460px 1fr;display:grid;overflow:hidden}.editor-panel{border-right:1px solid var(--border-color);background-color:var(--bg-secondary);flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.editor-section{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-primary);flex-shrink:0;overflow:hidden}.section-trigger{width:100%;color:var(--text-primary);transition:background-color var(--transition-fast);background-color:#0000000d;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:700;display:flex}.section-trigger:hover{background-color:#0000001a}.trigger-left{align-items:center;gap:12px;font-size:15px;display:flex}.section-body{border-top:1px solid var(--border-color);flex-direction:column;gap:18px;padding:20px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;min-width:0;display:flex}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-width:0;color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box;background-color:#00000026;outline:none;padding:10px 12px;font-size:13px}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color)}.form-checkbox-group{color:var(--text-secondary);grid-column:span 2;align-items:center;gap:8px;font-size:13px;display:flex}.label-with-ai{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.label-with-ai label{margin-bottom:0}.ai-gen-btn{color:var(--primary-color);transition:all var(--transition-fast);background-color:#6366f114;border:1px solid #6366f126;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.ai-gen-btn:hover{background-color:var(--primary-color);color:#fff}.editor-section textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;background-color:#00000026;outline:none;padding:10px;font-size:13px;line-height:1.5}.editor-section textarea:focus{border-color:var(--primary-color)}.list-item-block{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#00000026;flex-direction:column;gap:14px;margin-bottom:12px;padding:16px;display:flex}.item-block-header{justify-content:space-between;align-items:center;display:flex}.item-block-header h4{color:var(--text-primary);font-size:13px;font-weight:700}.remove-btn{color:var(--danger-color);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.add-btn-primary{border-radius:var(--radius-md);border:1px dashed var(--border-color);width:100%;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;display:flex}.add-btn-primary:hover{border-color:var(--primary-color);color:var(--text-primary);background-color:var(--bg-card)}.skills-editor-grid{flex-direction:column;gap:8px;display:flex}.skill-edit-item{gap:8px;display:flex}.skill-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#00000026;flex:2;padding:8px 12px;font-size:13px}.skill-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-primary);outline:none;flex:1.2;padding:8px;font-size:13px}.skill-remove-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.skill-remove-btn:hover{border-color:var(--danger-color);color:var(--danger-color)}.preview-panel-container{background-color:#0b0f19;flex-direction:column;display:flex;overflow:hidden}.style-customizer-toolbar{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:32px;height:60px;padding:0 24px;display:flex}.customizer-group{color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;display:flex}.customizer-group label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.toolbar-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);outline:none;padding:6px 12px;font-size:13px;font-weight:600}.color-palette-picker{flex-wrap:wrap;gap:6px;max-width:250px;display:flex}.palette-color-btn{width:20px;height:20px;transition:border-color var(--transition-fast);border:2px solid #0000;border-radius:50%}.palette-color-btn.active{border-color:#fff;box-shadow:0 0 4px #fff9}.resume-paper-scroller{flex:1;justify-content:center;align-items:flex-start;padding:40px;display:flex;overflow-y:auto}.resume-paper-boundary{width:100%;max-width:800px;box-shadow:0 10px 30px #0006}.builder-loading{height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.custom-dropdown-container{min-width:140px;display:inline-block;position:relative}.custom-dropdown-trigger{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);outline:none;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.custom-dropdown-trigger:hover{border-color:var(--primary-color)}.custom-dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:100;width:100%;max-height:250px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 25px -5px #00000080}.custom-dropdown-item{cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);padding:8px 12px;font-size:13px;font-weight:500}.custom-dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.custom-dropdown-item.active{color:var(--primary-color);background-color:#6366f11a;font-weight:600}.mobile-nav-bar{display:none}@media (width<=900px){.builder-workspace{height:calc(100vh - 124px);position:relative;overflow:hidden;display:block!important}.editor-panel{background-color:var(--bg-secondary);z-index:2;border-right:none;flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;position:absolute;top:0;left:0;overflow-y:auto}.preview-panel-container{z-index:2;border-right:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden auto}.mobile-hidden{display:none!important}.editor-panel.mobile-active{display:flex!important}.preview-panel-container.mobile-active{flex-direction:column;display:flex!important}.form-grid-2{grid-template-columns:1fr!important}.form-checkbox-group{grid-column:span 1}.builder-navbar{gap:6px;height:56px;padding:0 10px}.builder-nav-left,.builder-nav-right{gap:6px}.title-renamer input{width:100px;font-size:13px}.autosave-status,.icon-btn-secondary span,.download-pdf-btn span,.back-to-dash span{display:none}.icon-btn-secondary{padding:8px}.download-pdf-btn{padding:8px 12px}.mobile-nav-bar{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0b0f19eb;width:100%;height:60px;padding:0;position:fixed;bottom:0;left:0;display:flex!important}.mobile-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:color .2s;display:flex}.mobile-nav-btn.active{color:var(--primary-color)}.style-customizer-toolbar{grid-template-columns:1fr 1fr;gap:8px;height:auto;padding:10px 12px;position:relative;z-index:9999!important;display:grid!important}.customizer-group{min-width:0;position:relative;z-index:10000!important}.customizer-group:last-child{grid-column:1/-1}.color-palette-picker{max-width:100%}.custom-dropdown-container{width:100%;min-width:0;position:relative;z-index:10000!important}.custom-dropdown-trigger{padding:5px 8px;font-size:12px}.custom-dropdown-menu{z-index:100000!important}.resume-paper-scroller{z-index:1;flex:1;justify-content:center;align-items:flex-start;padding:0;display:flex;position:relative;overflow:hidden auto}.resume-paper-boundary{transform-origin:top;width:800px;max-width:none;margin:15px auto -15%;transform:scale(.85)}}@media (width<=768px){.resume-paper-boundary{margin-bottom:-22%;transform:scale(.8)}}@media (width<=600px){.resume-paper-boundary{margin-bottom:-32%;transform:scale(.68)}}@media (width<=480px){.builder-navbar{padding:0 6px}.title-renamer input{width:70px;font-size:12px}.resume-paper-boundary{width:800px;margin-bottom:-45%;transform:scale(.55)}.section-trigger{padding:12px;font-size:14px}.section-body{gap:14px;padding:12px}.customizer-group{flex:100%}.style-customizer-toolbar{gap:6px;padding:8px 10px}}@media (width<=380px){.resume-paper-boundary{width:800px;margin-bottom:-56%;transform:scale(.44)}}.ats-checker-page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.ats-inputs-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:30px;margin-top:20px;padding:32px;display:flex}.ats-input-pane{flex-direction:column;gap:8px;display:flex}.ats-input-pane label{color:var(--text-primary);font-size:14px;font-weight:600}.ats-input-pane textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:380px;color:var(--text-primary);resize:none;transition:border-color var(--transition-fast);background-color:#00000026;outline:none;padding:16px;font-size:14px;line-height:1.6}.ats-input-pane textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.ats-submit-wrapper{text-align:center;margin-top:12px}.analyze-btn{padding:12px 32px;font-size:15px}.ats-scanning-overlay{border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:80px 40px;display:flex}.ats-scanning-overlay h3{font-size:22px;font-weight:700}.ats-scanning-overlay p{color:var(--text-secondary);max-width:400px;line-height:1.6}.ats-results-container{flex-direction:column;gap:24px;margin-top:20px;display:flex}.back-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background-color var(--transition-fast);align-self:flex-start;padding:8px 16px;font-size:13px;font-weight:600}.back-btn:hover{background-color:var(--bg-card)}.results-grid{grid-template-columns:1fr 1.8fr;gap:24px;display:grid}.score-summary-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;padding:32px;display:flex}.score-summary-card h3{margin-bottom:24px;font-size:18px;font-weight:700}.radial-progress-container{justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:24px;display:flex;position:relative}.radial-svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:var(--border-color);stroke-width:8px}.circle-progress{fill:none;stroke:var(--primary-color);stroke-width:8px;stroke-linecap:round;stroke-dasharray:251.2;transition:stroke-dashoffset 1s ease-out}.circle-text-overlay{color:var(--text-primary);font-size:32px;font-weight:800;font-family:var(--font-secondary);z-index:5}.score-verdict{flex-direction:column;align-items:center;gap:4px;display:flex}.score-verdict p{align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.score-verdict span{color:var(--text-secondary);max-width:220px;font-size:12px;line-height:1.5}.success-txt{color:var(--success-color)}.warning-txt{color:var(--warning-color)}.danger-txt{color:var(--danger-color)}.keyword-analysis-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:32px}.keyword-analysis-card h3{font-size:18px;font-weight:700}.card-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.keywords-audit-sections{flex-direction:column;gap:24px;display:flex}.audit-sub h4{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.keyword-row{flex-wrap:wrap;gap:8px;display:flex}.kw-badge{text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.kw-badge.missing{color:var(--danger-color);background-color:#ef44441a;border:1px solid #ef444433}.kw-badge.matching{color:var(--success-color);background-color:#10b9811a;border:1px solid #10b98133}.empty-kws{color:var(--text-muted);font-size:13px}.pdf-upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);background-color:#ffffff05;position:relative;overflow:hidden}.pdf-upload-dropzone:hover{border-color:var(--primary-color);background-color:#6366f10d}.pdf-upload-dropzone.has-file{border-color:var(--success-color);background-color:#10b9810d;border-style:solid}.pdf-file-input{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.pdf-upload-label{color:var(--text-secondary);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.pdf-upload-label span{text-align:center;font-weight:500}.file-name-text{color:var(--text-primary);word-break:break-all;font-weight:600!important}.upload-hint{color:var(--text-muted);font-size:12px;font-weight:400!important}.success-icon{color:var(--success-color)}.upload-error-text{color:var(--danger-color);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.extracted-text-preview{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#0003;margin-top:16px;padding:12px}.preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:500}.extracted-text-box{color:var(--text-secondary);white-space:pre-wrap;max-height:80px;font-size:13px;line-height:1.5;position:relative;overflow:hidden}.extracted-text-box:after{content:"";background:linear-gradient(transparent, var(--bg-card));width:100%;height:30px;position:absolute;bottom:0;left:0}.section-breakdowns-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:32px}.section-breakdowns-card h3{margin-bottom:24px;font-size:18px;font-weight:700}.breakdown-list{flex-direction:column;gap:20px;display:flex}.breakdown-item{flex-direction:column;gap:8px;display:flex}.breakdown-item-header{justify-content:space-between;align-items:center;display:flex}.breakdown-item-header h4{color:var(--text-primary);font-size:14px;font-weight:600}.breakdown-score-label{font-size:13px;font-weight:700}.breakdown-score-label.green{color:var(--success-color)}.breakdown-score-label.yellow{color:var(--warning-color)}.breakdown-score-label.red{color:var(--danger-color)}.progress-bar-track{background-color:var(--border-color);border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.progress-bar-fill.green{background-color:var(--success-color)}.progress-bar-fill.yellow{background-color:var(--warning-color)}.progress-bar-fill.red{background-color:var(--danger-color)}.breakdown-feedback{color:var(--text-secondary);font-size:12px}.breakdown-feedback-container{margin-top:8px;position:relative}.locked-feedback{border-radius:var(--radius-sm);min-height:120px;overflow:hidden}.blurred-text{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.6}.locked-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-sm);z-index:10;background:#0a0a1466;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:12px;display:flex;position:absolute;top:0;left:0}.lock-icon{color:var(--warning-color)}.locked-overlay p{color:var(--text-primary);margin:0;font-size:13px;font-weight:500}.unlock-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;transition:background-color .2s}.unlock-btn:hover{background-color:#4f46e5}.upload-error-box{color:var(--danger-color);border-radius:var(--radius-sm);background-color:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;font-size:14px;display:flex}.inline-login-btn{background-color:var(--danger-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:600}@media (width<=868px){.ats-inputs-container{grid-template-columns:1fr}.ats-submit-wrapper{grid-column:span 1}.results-grid{grid-template-columns:1fr}}.cover-letter-page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.page-header{margin-bottom:24px}.page-header h2{font-family:var(--font-secondary);font-size:28px;font-weight:800}.page-header p{color:var(--text-secondary);font-size:14px}.presets-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:30px;padding:12px 18px;display:flex}.presets-label{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.preset-pills{flex-wrap:wrap;gap:8px;display:flex}.preset-pill-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:600}.preset-pill-btn:hover{background-color:var(--bg-card-hover);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-1px)}.cover-letter-container{grid-template-columns:1fr 1.3fr;align-items:start;gap:30px;display:grid}.form-panel{border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:6px;padding:32px;display:flex}.form-panel h3{font-size:18px;font-weight:700}.panel-desc{color:var(--text-secondary);margin-bottom:20px;font-size:12px}.letter-form{flex-direction:column;gap:18px;display:flex}.input-wrapper{width:100%;position:relative}.input-wrapper .input-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);outline:none;font-size:13.5px;padding:10px 12px 10px 38px!important}.input-wrapper input:focus{border-color:var(--primary-color)}.toggle-segment{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.segment-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);text-align:center;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.segment-btn:hover{color:var(--text-primary)}.segment-btn.active{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.standalone-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);outline:none;padding:10px 12px;font-size:13.5px}.standalone-input:focus{border-color:var(--primary-color)}textarea.standalone-input{resize:vertical;min-height:110px;line-height:1.5}.dropdown-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-left:38px!important}.dropdown-select option{background-color:var(--bg-card);color:var(--text-primary)}.generate-btn{margin-top:12px;padding:12px;font-size:14px}.preview-panel{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-secondary);flex-direction:column;min-height:520px;padding:32px;display:flex}.preview-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.preview-header h3{font-size:18px;font-weight:700}.action-buttons{gap:8px;display:flex}.icon-action-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.icon-action-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.icon-action-btn svg.green{color:var(--success-color)}.letter-editor-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:10px 0;display:flex}.a4-document-paper{border-radius:var(--radius-sm);background-color:#fff;border:1px solid #e2e8f0;flex-direction:column;width:100%;max-width:520px;padding:36px;display:flex;position:relative;box-shadow:0 10px 25px #00000073}.letter-textarea-paper{resize:none;color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-family:Georgia,serif;font-size:12.5px;line-height:1.5}.hidden-print-div{display:none}.empty-placeholder{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon{color:var(--text-muted)}.empty-placeholder h4{color:var(--text-primary);font-size:16px;font-weight:600}.empty-placeholder p{max-width:320px;font-size:13px}.generating-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.generating-placeholder p{color:var(--text-secondary);max-width:300px;font-size:14px}@media (width<=868px){.cover-letter-container{grid-template-columns:1fr}.a4-document-paper{padding:24px}}.wizard-progress-bar{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto 40px;padding:0 10px;display:flex;position:relative}.wizard-progress-bar:before{content:"";background-color:var(--border-color);z-index:1;height:2px;position:absolute;top:18px;left:40px;right:40px}.progress-step-item{z-index:2;cursor:pointer;flex-direction:column;align-items:center;width:100px;display:flex;position:relative}.step-circle{background-color:var(--bg-secondary);border:2px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.step-label{color:var(--text-secondary);text-align:center;white-space:nowrap;margin-top:8px;font-size:11px;font-weight:600}.progress-step-item.active .step-circle{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;box-shadow:0 0 12px var(--primary-color-glow)}.progress-step-item.active .step-label{color:var(--text-primary)}.progress-step-item.completed .step-circle{border-color:var(--success-color);background-color:var(--success-color);color:#fff}.upload-container-letter{margin:20px 0}.drag-drop-zone-letter{border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;background-color:var(--bg-card);transition:all var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.drag-drop-zone-letter:hover{border-color:var(--primary-color);background-color:var(--bg-card-hover)}.file-hidden-input{display:none}.upload-icon{color:var(--text-muted);margin-bottom:12px}.file-limits{color:var(--text-muted);margin-top:4px;font-size:10px}.error-alert-letter{color:var(--danger-color);margin-top:8px;font-size:12px;font-weight:500}.upload-success-badge{border:1px solid var(--success-color);border-radius:var(--radius-md);background-color:#22c55e1a;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;display:flex}.success-filename{color:var(--success-color);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.wizard-actions{margin-top:24px;display:flex}.wizard-actions.dual{justify-content:space-between;gap:16px}.step-next-btn,.step-prev-btn{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.step-next-btn{flex:1;justify-content:center}.cancel-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:10px 18px;font-size:13px;font-weight:600}.cancel-btn:hover{background-color:var(--bg-card-hover);border-color:var(--primary-color);color:var(--text-primary)}.match-card-letter{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:14px;padding:20px}.match-card-letter h4{color:var(--primary-color);margin-bottom:6px;font-size:14.5px;font-weight:700}.match-card-letter p{color:var(--text-secondary);margin-bottom:14px;font-size:12px}.match-tags-container{flex-direction:column;gap:8px;display:flex}.match-tag-label{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.matched-skills-pills{flex-wrap:wrap;gap:6px;display:flex}.skill-match-pill{color:var(--primary-color);text-transform:capitalize;background-color:#6366f11f;border:1px solid #6366f14d;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.pricing-page{max-width:1200px;margin:0 auto;padding:60px 24px 80px}.pricing-header{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:700px;margin:0 auto 56px;display:flex}.pricing-tag{color:var(--primary-color);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.pricing-header h2{font-family:var(--font-secondary);font-size:36px;font-weight:800;line-height:1.2}.pricing-header p{color:var(--text-secondary);font-size:15px}.billing-switch-container{color:var(--text-secondary);align-items:center;gap:16px;margin-top:24px;font-size:14px;font-weight:600;display:flex}.active-billing{color:var(--text-primary)}.billing-switch-btn{background-color:var(--border-color);width:52px;height:28px;transition:background-color var(--transition-fast);border-radius:30px;position:relative}.billing-switch-btn.yearly{background-color:var(--primary-color)}.billing-switch-slider{width:20px;height:20px;transition:transform var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.billing-switch-btn.yearly .billing-switch-slider{transform:translate(24px)}.discount-tag{background:var(--secondary-gradient);color:#fff;border-radius:12px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:800}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto 80px;display:grid}.pricing-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform var(--transition-normal);flex-direction:column;padding:40px;display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.pro{border-color:var(--primary-color);background-color:#6366f108}.pro-label{color:#fff;background:var(--secondary-gradient);letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px}.pricing-card h3{margin-bottom:8px;font-size:24px;font-weight:700}.card-desc{color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.5}.price-display{align-items:baseline;margin-bottom:8px;display:flex}.currency{color:var(--text-secondary);font-size:24px;font-weight:600}.price-val{color:var(--text-primary);font-size:56px;font-weight:800;line-height:1}.price-term{color:var(--text-secondary);margin-left:6px;font-size:14px}.yearly-save-note{color:var(--success-color);margin-bottom:24px;font-size:12px;font-weight:600}.pricing-card-btn{width:100%;margin-bottom:30px;padding:12px;font-size:15px;font-weight:600}.pricing-divider{border:0;border-top:1px solid var(--border-color);margin-bottom:30px}.plan-features{flex-direction:column;gap:16px;font-size:14px;list-style:none;display:flex}.plan-features li{align-items:center;gap:10px;display:flex}.plan-features li .check-icon{color:var(--success-color);flex-shrink:0}.comparison-section{max-width:900px;margin:0 auto}.comparison-section h3{font-family:var(--font-secondary);text-align:center;margin-bottom:24px;font-size:22px;font-weight:700}.comparison-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-color);padding:16px 24px}.comparison-table th{color:var(--text-primary);background-color:#0003;font-weight:600}[data-theme=light] .comparison-table th{background-color:#00000005}.comparison-table td{color:var(--text-secondary)}.comparison-table tr:last-child td{border-bottom:0}.comparison-table td svg.green{color:var(--success-color)}.razorpay-form{flex-direction:column;gap:20px;display:flex}.razorpay-merchant{border-radius:var(--radius-md);background-color:#6366f114;border:1px solid #6366f133;align-items:center;gap:16px;margin-bottom:8px;padding:16px;display:flex}.merchant-logo{color:var(--primary-color)}.amount-text{color:var(--text-primary);font-size:14px;font-weight:700}.payment-methods{flex-direction:column;gap:8px;display:flex}.method-label{color:var(--text-secondary);font-size:12px;font-weight:600}.method-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.method-select-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.method-select-btn.active{border-color:var(--primary-color);color:var(--text-primary);background-color:#6366f114}.razorpay-footer{flex-direction:column;align-items:center;gap:12px;margin-top:16px;display:flex}.secure-badge{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.pay-btn{width:100%}.razorpay-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.loading-icon{color:var(--primary-color)}.razorpay-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px 10px;display:flex}.success-icon-box{width:80px;height:80px;color:var(--success-color);background-color:#10b9811a;border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.finish-btn{margin-top:12px;padding:10px 24px;font-size:14px}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}}.settings-page{max-width:1000px;margin:0 auto;padding:40px 24px 80px}.settings-header{margin-bottom:36px}.settings-header h2{font-family:var(--font-secondary);font-size:28px;font-weight:800}.settings-header p{color:var(--text-secondary);font-size:14px}.settings-container{grid-template-columns:240px 1fr;align-items:start;gap:30px;display:grid}.settings-sidebar{border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:6px;padding:16px;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.tab-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.tab-btn.active{background-color:var(--primary-color);color:#fff}.danger-tab:hover{color:var(--danger-color)}.danger-tab.active{background-color:var(--danger-color)}.settings-body{border-radius:var(--radius-lg);border:1px solid var(--border-color);min-height:400px;padding:32px}.tab-pane h3{margin-bottom:4px;font-size:20px;font-weight:700}.pane-desc{color:var(--text-secondary);margin-bottom:30px;font-size:13px}.settings-alert{border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:24px;padding:12px 16px;font-size:13px}.settings-alert.success{color:var(--success-color);background-color:#10b9811a;border-color:#10b98133}.settings-alert.error{color:var(--danger-color);background-color:#ef44441a;border-color:#ef444433}.settings-form{flex-direction:column;gap:20px;display:flex}.disabled-field{opacity:.6;cursor:not-allowed}.save-settings-btn{align-self:flex-start;padding:10px 24px;font-size:14px}.avatar-picker-section{flex-direction:column;gap:8px;display:flex}.avatar-picker-section label{color:var(--text-secondary);font-size:12px;font-weight:600}.avatar-row{gap:12px;display:flex}.avatar-choice{width:48px;height:48px;transition:border-color var(--transition-fast);border:2px solid #0000;border-radius:50%;position:relative;overflow:visible}.avatar-choice img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-choice.selected{border-color:var(--primary-color)}.avatar-check-badge{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px}.billing-status-box{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:#00000026;padding:24px}[data-theme=light] .billing-status-box{background-color:#00000005}.billing-status-header{justify-content:space-between;align-items:center;display:flex}.sub-type{color:var(--text-muted);font-size:12px;font-weight:600}.plan-name{color:var(--text-primary);font-size:18px;font-weight:700}.status-badge{letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.status-badge.pro{color:var(--success-color);background-color:#10b98126}.status-badge.free{color:var(--text-secondary);background-color:#6b728026}.billing-divider{border:0;border-top:1px solid var(--border-color);margin:20px 0}.billing-status-details{flex-direction:column;gap:16px;display:flex}.detail-row{justify-content:space-between;font-size:14px;display:flex}.detail-row span{color:var(--text-secondary)}.detail-row strong{color:var(--text-primary)}.cancel-sub-btn{color:var(--danger-color);border-radius:var(--radius-md);transition:background-color var(--transition-fast);align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:600}.cancel-sub-btn:hover{background-color:#ef444414}.billing-pitch{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.6}.danger-zone-box{border-radius:var(--radius-lg);background-color:#ef444408;border:1px solid #ef444433;padding:24px}.danger-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.danger-row h4{color:var(--danger-color);margin-bottom:4px;font-size:15px;font-weight:700}.danger-row p{color:var(--text-secondary);max-width:500px;font-size:13px}.danger-action-btn{background-color:var(--danger-color);color:#fff;border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);padding:10px 18px;font-size:13px;font-weight:600}.danger-action-btn:hover{box-shadow:0 0 15px #ef444466}@media (width<=768px){.settings-container{grid-template-columns:1fr}}.policy-page{border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:800px;margin:60px auto;padding:40px;line-height:1.7}.policy-page h1{font-family:var(--font-secondary);margin-bottom:24px;font-size:32px;font-weight:800}.policy-page h2{font-family:var(--font-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-top:32px;margin-bottom:12px;padding-bottom:6px;font-size:20px;font-weight:700}.policy-page p,.policy-page ul{color:var(--text-secondary);margin-bottom:16px;font-size:14.5px}.policy-page ul{padding-left:20px;list-style-type:disc}.policy-page li{margin-bottom:8px}.policy-page .last-updated{color:var(--text-muted);margin-bottom:40px;font-size:12px;display:block}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px;display:grid}.contact-card{border-radius:var(--radius-md);background-color:var(--bg-card);border:1px solid var(--border-color);padding:24px}.contact-card h3{color:var(--primary-color);margin-bottom:8px;font-size:16px;font-weight:700}.contact-card p{color:var(--text-primary);word-break:break-all;overflow-wrap:anywhere;margin:0;font-size:14px}.error-page-container{text-align:center;justify-content:center;align-items:center;min-height:70vh;padding:40px 24px;display:flex}.error-box{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;max-width:580px;box-shadow:var(--shadow-xl);flex-direction:column;align-items:center;padding:50px 40px;display:flex;position:relative;overflow:hidden}.error-badge-container{margin-bottom:20px}.error-code-badge{font-family:var(--font-secondary);background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;font-size:84px;font-weight:800;line-height:1}.error-icon-wrapper{color:var(--danger-color);margin-bottom:24px;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.error-title{font-family:var(--font-secondary);color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:700}.error-desc{color:var(--text-secondary);max-width:460px;margin-bottom:36px;font-size:15px;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.error-btn{align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:inline-flex}@media (width<=480px){.error-box{padding:30px 20px}.error-code-badge{font-size:64px}.error-title{font-size:24px}.error-actions{flex-direction:column;gap:8px}.error-btn{justify-content:center;width:100%}}