@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #1565C0;--primary-hover: #0d47a1;--secondary: #00BCD4;--accent: #0A192F;--background: #ECEFF1;--surface: rgba(255, 255, 255, .8);--surface-border: rgba(21, 101, 192, .2);--text: #0A192F;--text-muted: #37474f;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(21, 101, 192, .3);--success: #00c853;--error: #d50000;--nav-bg: rgba(255, 255, 255, .95);--sidebar-item-hover: rgba(21, 101, 192, .1);--gradient-1: #1565C0;--gradient-2: #00BCD4;--gradient-3: #1e88e5}[data-theme=dark]{--primary: #00BCD4;--primary-hover: #26c6da;--secondary: #1565C0;--accent: #ECEFF1;--background: #0A192F;--surface: rgba(16, 33, 62, .7);--surface-border: rgba(0, 188, 212, .2);--text: #ffffff;--text-muted: #cfd8dc;--glass-bg: rgba(10, 25, 47, .8);--glass-border: rgba(0, 188, 212, .3);--nav-bg: rgba(10, 25, 47, .9);--sidebar-item-hover: rgba(0, 188, 212, .15);--gradient-1: #1565C0;--gradient-2: #00BCD4;--gradient-3: #00838f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background);color:var(--text);min-height:100vh;position:relative;overflow-x:hidden;transition:background-color .5s ease,color .5s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 10%,var(--gradient-1) 0%,transparent 45%),radial-gradient(circle at 90% 90%,var(--gradient-2) 0%,transparent 45%),radial-gradient(circle at 50% 50%,var(--gradient-3) 0%,transparent 50%),radial-gradient(circle at 90% 10%,var(--secondary) 0%,transparent 40%),radial-gradient(circle at 10% 90%,var(--accent) 0%,transparent 40%);opacity:.5;filter:blur(40px);animation:mesh-move 20s infinite alternate ease-in-out}@keyframes mesh-move{0%{transform:scale(1)}to{transform:scale(1.2) translate(50px,-50px)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.glass-card{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:20px;box-shadow:0 8px 32px #0000005e}.btn{padding:.8rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{background:var(--surface);color:#fff;border:1px solid var(--surface-border)}.btn-secondary:hover{background:#ffffff1a}.input-field{width:100%;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:10px;color:var(--text);font-family:inherit;transition:all .3s ease}.input-field:focus{outline:none;border-color:var(--primary);background:#ffffff12;box-shadow:0 0 0 2px #8b5cf633}.section-title{font-size:1.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,var(--text),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.container{max-width:1200px;margin:0 auto;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.theme-toggle{background:var(--surface);border:1px solid var(--surface-border);color:var(--text);padding:.6rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.theme-toggle:hover{background:var(--primary);color:#fff;transform:rotate(12deg) scale(1.1);box-shadow:0 0 20px var(--primary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0003;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{box-shadow:0 12px 40px #0000004d}.icon-primary{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary))}.nav-right{display:flex;align-items:center;gap:1.5rem}.navbar{background:var(--nav-bg)!important;border:1px solid var(--surface-border)!important}.sidebar .nav-item.active{background:linear-gradient(135deg,var(--primary),var(--secondary))!important}.sidebar .nav-item:hover:not(.active){background:var(--sidebar-item-hover)!important}.app-container{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}.resume-paper.type-student{font-family:Outfit,sans-serif;--primary: #ec4899}.resume-paper.type-student .resume-header{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.resume-paper.type-student .skill-tag{border-radius:12px;background:#ec48991a;color:#ec4899}.resume-paper.type-fresher{font-family:Inter,sans-serif;--primary: #06b6d4}.resume-paper.type-fresher .resume-header{border-radius:0;border-bottom:4px solid var(--primary)}.resume-paper.type-fresher h1{letter-spacing:-.5px;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.resume-paper.type-professional{font-family:Roboto,sans-serif;--primary: #1e293b}.resume-paper.type-professional h1,.resume-paper.type-professional h3{font-family:Merriweather,serif;letter-spacing:.5px}.resume-paper.type-professional .resume-header{text-transform:uppercase}.resume-paper.type-professional .skill-tag{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:4px}.resume-paper.type-technical{font-family:JetBrains Mono,monospace;--primary: #10b981}.resume-paper.type-technical h1{font-family:Outfit,sans-serif;text-transform:lowercase;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.resume-paper.type-technical .resume-section{border-left:2px solid var(--primary);padding-left:1rem}.resume-paper.type-technical .skill-tag{background:#111827;color:#10b981;border:1px solid #10b981;font-size:.8rem}.navbar{padding:.75rem 1.5rem;margin:.75rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:100;gap:.75rem;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px;transition:all .3s ease}.user-profile{display:flex;align-items:center;gap:1.5rem;margin-left:0}.user-name{font-weight:500;color:var(--text);font-size:.95rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto}.logo{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;font-weight:700;color:var(--text)}.logo-text{background:linear-gradient(135deg,var(--text),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-tag{font-size:.7em;opacity:.6;font-weight:500;color:var(--text-muted);border-left:1px solid var(--surface-border);padding-left:10px;margin-left:5px}.icon-primary{color:var(--primary)}.main-content{display:flex;flex:1;gap:1.5rem;padding:0 1rem 1rem;overflow:hidden;min-height:0}.sidebar{width:220px;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.sidebar nav{display:flex;flex-direction:column;gap:.5rem}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--surface-border);border-radius:20px}.nav-item{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border:none;border-radius:12px;color:var(--text-muted);font-family:inherit;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-item:hover{background:var(--sidebar-item-hover)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.custom-dropdown{position:relative;min-width:240px;z-index:1000}.dropdown-trigger{width:100%;padding:.8rem 1.2rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;color:var(--text);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-weight:500}.dropdown-trigger:hover{background:var(--sidebar-item-hover);border-color:var(--primary)}.dropdown-backdrop{position:fixed;inset:0;z-index:1001}.dropdown-menu{position:absolute;top:calc(100% + .8rem);left:0;right:0;z-index:1002;max-height:420px;display:flex;flex-direction:column;padding:.8rem;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 50px #0003;border:1px solid var(--surface-border);animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-box{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:var(--sidebar-item-hover);border-radius:8px;margin-bottom:.8rem;border:1px solid var(--surface-border)}.search-box:focus-within{border-color:var(--primary);background:var(--surface)}.search-box input{background:transparent;border:none;color:var(--text);width:100%;font-size:.95rem;outline:none}.options-list{overflow-y:auto;flex:1;padding-right:4px}.option-item{padding:.8rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-muted);transition:all .2s;margin-bottom:2px}.option-item:hover{background:var(--sidebar-item-hover);color:var(--text)}.option-item.active{background:var(--primary);color:#fff}.no-options{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.editor-section{flex:1;overflow-y:auto;padding:1.5rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #1565c033}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #1565c04d}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--surface-border)}.btn-secondary:hover{background:var(--sidebar-item-hover);border-color:var(--primary)}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:8px}.mt-05{margin-top:.5rem}.mb-1{margin-bottom:1rem}.profile-img-container{width:120px;height:120px;border-radius:12px;overflow:hidden;border:3px solid white;box-shadow:0 4px 15px #0000001a;background:#f1f5f9;flex-shrink:0;margin-bottom:1.5rem}.profile-img{width:100%;height:100%;object-fit:cover}.header-text h1{font-size:2.8rem;font-weight:800;color:#1a1a1a;letter-spacing:-.5px;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.header-text .subtitle{font-size:1.1rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:2px}.sidebar-header{text-align:center;margin-bottom:2.5rem;padding:0!important}.sidebar-header .profile-img-container{margin:0 auto 1.5rem;width:140px;height:140px}.sidebar-header h1{font-size:1.8rem;margin-bottom:.5rem;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.sidebar-header .subtitle{font-size:.9rem;opacity:.8}.section-title{color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.field{margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.5rem}.field label{color:var(--text-muted);font-size:.9rem;font-weight:500}.input-field{width:100%;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.95rem;transition:all .2s}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1565c01a;background:var(--background)}.input-field::placeholder{color:var(--text-muted);opacity:.7}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}.item-card{position:relative;padding:1.5rem;border-radius:16px;margin-bottom:1.25rem;border:1px solid var(--surface-border);background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease}.item-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #00000014}.item-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--surface-border)}.item-card-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.remove-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;padding:.4rem;cursor:pointer;color:var(--text-muted);transition:all .2s ease;font-family:inherit}.remove-btn:hover{background:#ff44441a;border-color:#f44;color:#f44;transform:scale(1.1)}.form-group{display:flex;flex-direction:column}.editor-section{flex:2;overflow-y:auto;max-height:calc(100vh - 120px)}.preview-section{flex:.9;display:flex;flex-direction:column}.preview-wrapper{flex:1;overflow-y:auto;padding:2rem;background:#0003;display:flex;justify-content:center}.resume-paper{width:210mm;min-height:297mm;background:#fff;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;margin:0 auto;transition:all .4s ease;transform-origin:top center;overflow-wrap:break-word;word-wrap:break-word;box-sizing:border-box;overflow:hidden}.resume-paper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:linear-gradient(to bottom,transparent 296mm,rgba(148,163,184,.3) 296mm,rgba(148,163,184,.3) 297mm);background-size:100% 297mm;z-index:10}.resume-section,.experience-item,.education-item,.skill-tag,.item-card{break-inside:avoid;page-break-inside:avoid;max-width:100%;overflow-wrap:break-word}.template-vibrant{display:flex;min-height:297mm}.template-vibrant .sidebar-col{min-height:297mm;width:280px;background:#f8fafc;padding:2.5rem 1.5rem;border-right:1px solid #e2e8f0;flex-shrink:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all}.template-vibrant .main-col{flex:1;padding:3rem 3.5rem;overflow-wrap:break-word;min-width:0}.template-vibrant h1{font-size:2.2rem;font-weight:900;color:var(--primary);margin-bottom:.5rem;line-height:1;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-vibrant .subtitle{font-size:1.1rem;color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:2px}.template-vibrant .resume-section h3{font-size:.95rem;color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.25rem;margin-top:2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.template-vibrant .resume-section h3:after{content:"";flex:1;height:1px;background:#e2e8f0}.template-vibrant .skill-tag{background:var(--primary);color:#fff;padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-weight:500;margin-bottom:8px;transition:transform .2s ease}.experience-item-canva,.education-item-canva{display:flex;gap:1.5rem;margin-bottom:1.5rem}.exp-side,.edu-side{width:120px;flex-shrink:0}.exp-date,.edu-year{font-weight:700;color:#64748b;font-size:.85rem}.exp-company,.edu-school{font-size:.8rem;color:#94a3b8;margin-top:4px}.exp-main,.edu-main{flex:1}.exp-main strong,.edu-main strong{display:block;font-size:1.05rem;color:#1e293b;margin-bottom:.5rem}.description-text{font-size:.95rem;line-height:1.6;color:#475569}.template-elegant{min-height:297mm;padding:4rem 3.5rem;border-left:12px solid #c5a059}.template-elegant .resume-header{display:flex;align-items:center;gap:3rem;margin-bottom:3.5rem}.template-elegant .resume-header h1{font-family:Playfair Display,serif;font-size:2.5rem;line-height:1.2;color:#1a1a1a;margin-top:.5rem;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-elegant .subtitle{text-transform:uppercase;letter-spacing:4px;color:#c5a059;font-weight:500;margin-top:.75rem;font-size:1.1rem}.template-elegant .resume-section h3{font-family:Playfair Display,serif;font-size:1.2rem;color:#1a1a1a;padding-bottom:10px;margin-bottom:1.5rem;margin-top:2.5rem;border-bottom:1px solid #c5a059;text-transform:uppercase;letter-spacing:2px}.template-onyx .resume-header{background:#0f172a;color:#fff;padding:3.5rem;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);display:flex;align-items:center;gap:2rem}.template-onyx .resume-header h1{color:#fbbf24;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-onyx .resume-body{padding:3.5rem;margin-top:-1.5rem}.template-onyx .resume-section h3{color:#0f172a;border-left:4px solid #fbbf24;padding-left:15px}.template-metro .sidebar-col{background:#0891b2!important;color:#fff!important}.template-metro .resume-header{background:#f1f5f9;padding:3rem;border-bottom:8px solid #0891b2}.template-metro .resume-section h3{color:#0891b2;display:flex;align-items:center;gap:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px}.template-metro .resume-section h3:before{content:"▶";font-size:.8rem;opacity:.7}.template-metro .resume-header h1{font-weight:900;color:#0891b2;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-metro .resume-body{padding:3rem}.contact-info-vibrant p{margin-bottom:.6rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;color:#475569}.contact-info{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:.9rem;color:#64748b}.contact-info span{display:flex;align-items:center;gap:.4rem}.template-minimal{padding:5rem 4rem;min-height:297mm}.template-minimal .resume-header{border-bottom:1px solid #1a1a1a;padding-bottom:3rem;margin-bottom:4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.template-minimal .resume-header h1{font-family:Lora,serif;font-size:2.6rem;font-weight:400;text-transform:uppercase;letter-spacing:4px;color:#1a1a1a;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-minimal .subtitle{font-size:1.1rem;letter-spacing:3px;color:#64748b;text-transform:uppercase}.template-modern .resume-body{padding:3.5rem}.template-modern .resume-section h3{color:#1e293b;font-size:1.15rem;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #e2e8f0;padding-bottom:.6rem;margin:2.5rem 0 1.25rem;font-weight:800}.template-minimal .resume-section h3{font-family:Lora,serif;font-size:1.05rem;text-transform:uppercase;letter-spacing:3px;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:1.5rem;margin-top:3rem;color:#1a1a1a;font-weight:600}.template-royal .resume-header{background:#4c1d95;color:#fff!important;padding:4rem;text-align:center;border-bottom:8px solid #fbbf24;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.template-royal .resume-header h1{color:#fbbf24!important;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-royal .resume-body{padding:3rem}.template-royal .resume-section h3{color:#4c1d95;border-bottom:2px double #fbbf24;padding-bottom:5px}.template-slate .resume-header{background:#0f172a;color:#fff!important;padding:3rem}.template-slate h1{color:#38bdf8!important;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-slate .subtitle{color:#94a3b8!important}.template-slate .resume-body{padding:3.5rem;background:#f8fafc}.template-slate h3{color:#0f172a;border-bottom:2px solid #38bdf8}.template-emerald .resume-header{border-bottom:8px solid #059669;padding:3rem;background:#ecfdf5}.template-emerald h1{color:#065f46;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-emerald h3{color:#059669;text-transform:uppercase;letter-spacing:1px}.template-crimson .resume-header{background:#991b1b;color:#fff;padding:3rem}.template-crimson .resume-body{padding:3rem}.template-crimson h3{color:#991b1b;border-left:5px solid #991b1b;padding-left:1rem}.template-lavender .resume-header{background:#f5f3ff;color:#6d28d9;padding:3rem;text-align:center}.template-lavender h3{color:#7c3aed;background:#f5f3ff;padding:.5rem 1rem;border-radius:4px}.template-oceanic .resume-header{background:linear-gradient(to right,#0891b2,#0369a1);color:#fff;padding:3rem}.template-oceanic .resume-body{padding:3rem}.template-oceanic .skill-tag{background:#0891b2;color:#fff}.template-forest .resume-header{background:#14532d;color:#dcfce7;padding:3rem}.template-forest .resume-body{padding:3rem;background:#f0fdf4}.template-forest h3{color:#166534;border-bottom:2px dashed #166534}.template-classic{font-family:Times New Roman,serif;padding:4rem}.template-classic .resume-header{text-align:center;border-bottom:2px solid #000;margin-bottom:2rem}.template-classic h1{font-size:3rem;text-transform:uppercase;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-classic h3{text-align:center;border-bottom:1px solid #000;margin-top:2rem}.template-swiss{padding:5rem;line-height:1.2}.template-swiss h1{font-size:5rem;font-weight:900;letter-spacing:-4px;margin-bottom:2rem;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-swiss h3{font-size:1.5rem;font-weight:900;margin-top:3rem;border-top:4px solid #000;padding-top:.5rem}.template-nordic{padding:4rem;color:#444;font-weight:300}.template-nordic h1{color:#000;font-weight:200;letter-spacing:2px;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-nordic .resume-section{margin-bottom:4rem}.template-nordic h3{font-weight:400;color:#888;margin-bottom:2rem}.template-tech{font-family:Courier New,monospace;background:#000;color:#0f0;padding:3rem}.template-tech .resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}.template-tech h3{background:#0f0;color:#000;padding:.2rem .5rem}.template-cyberpunk{background:#000;color:#f0f;padding:0}.template-cyberpunk .resume-header{background:#f0f;color:#000;padding:3rem;clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.template-cyberpunk .resume-body{background:#000;padding:3rem}.template-cyberpunk h3{color:#0ff;text-shadow:0 0 10px #0ff;border-bottom:2px solid #0ff}.template-glass{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem}.template-glass .resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}.template-glass h3{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}.template-neumorphic{background:#e0e5ec;padding:3rem}.template-neumorphic .resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}.template-neumorphic h3{color:#444;text-shadow:1px 1px 0 #fff}.template-brutalist{padding:0;border:10px solid #000}.template-brutalist .resume-header{background:#ff0;color:#000;padding:4rem;border-bottom:10px solid #000}.template-brutalist h3{background:#000;color:#fff;display:inline-block;padding:.5rem 2rem;margin-top:2rem}.template-pastel .resume-header{background:#ffedd5;color:#9a3412;padding:3rem;border-radius:0 0 50px 50px}.template-pastel .resume-body{padding:3rem}.template-pastel .skill-tag{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.template-compact{padding:1.5rem;font-size:.9rem}.template-compact .resume-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:1rem}.ai-cta{margin-top:auto;padding:1.5rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a)}.ai-cta h4{margin-bottom:.5rem;color:var(--primary)}.ai-cta p{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.mt-1{margin-top:1rem}.w-full{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{width:100%;max-width:450px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-text{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-size:.85rem;padding:.2rem .5rem;border-radius:6px;transition:all .2s}.btn-text:hover{background:#8b5cf61a;color:#fff}.mb-05{margin-bottom:.5rem}.skill-tag{display:inline-block;background:#f1f5f9;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;margin-right:.5rem;margin-bottom:.5rem;color:#475569}.download-btn{margin-left:1.5rem}.template-select{width:auto;min-width:180px;background-color:#ffffff1a;cursor:pointer}.template-select option{background-color:#1e1b4b;color:#fff}.company-text{font-style:italic;color:#666;margin-bottom:.5rem;font-weight:500}.description-text{white-space:pre-line;font-size:.95rem;color:#444}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media print{.navbar,.sidebar,.editor-section,.modal-overlay{display:none!important}body{background:#fff!important}.main-content{padding:0;height:auto;display:block}.preview-section{width:100%}.preview-wrapper{padding:0;background:transparent;overflow:visible}.resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}}.cover-letter-preview{padding:4rem;color:#1a1a1a;line-height:1.6;background:#fff;width:794px;max-width:794px;text-align:left;box-sizing:border-box;page-break-after:auto;page-break-inside:avoid;margin:0 auto}.cl-header{margin-bottom:3rem;border-bottom:2px solid #eee;padding-bottom:1.5rem}.cl-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#1e293b;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.cl-date{margin-bottom:2rem;color:#64748b}.cl-recipient{margin-bottom:2rem;font-weight:500;white-space:pre-line}.cl-content{margin-bottom:3rem;white-space:pre-line}.cl-footer{margin-top:2rem}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--background);transition:background .3s ease;overflow:hidden;position:relative}.login-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,var(--gradient-1) 0%,transparent 45%),radial-gradient(circle at 90% 90%,var(--gradient-2) 0%,transparent 45%),radial-gradient(circle at 50% 50%,var(--gradient-3) 0%,transparent 50%);opacity:.15;filter:blur(40px);z-index:0}[data-theme=dark] .login-container{background:linear-gradient(135deg,#0a192ff2,#1565c0cc),url(/assets/landing-bg-Drf18kWD.png) center/cover fixed}.login-card{width:100%;max-width:420px;padding:3rem;text-align:center;display:flex;flex-direction:column;gap:2rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{display:flex;flex-direction:column;align-items:center;gap:1rem}.login-header h1{font-size:2.2rem;background:linear-gradient(135deg,#fff,var(--text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.login-header p{color:var(--text-muted);font-size:1.1rem}.login-options{display:flex;flex-direction:column;gap:1rem}.btn-google{background:#fff;color:#1f2937;display:flex;align-items:center;gap:.8rem;border:1px solid #e5e7eb}.btn-google:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.google-icon{width:20px;height:20px}.login-footer{font-size:.9rem;color:var(--text-muted)}.center-flex{display:flex;justify-content:center;width:100%;margin:10px 0}.template-aurora{--aurora-primary: #00f2fe;--aurora-secondary: #4facfe;--aurora-accent: #7028e4}.template-aurora.template-vibrant .sidebar-col{height:100%;background:linear-gradient(180deg,var(--aurora-accent),var(--aurora-secondary));color:#fff}.template-aurora .skill-tag{background:#fff3;border:1px solid rgba(255,255,255,.3)}.template-nebula.template-vibrant .sidebar-col{height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}.template-nebula h1{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-nebula .main-col h3{color:#6a11cb;border-bottom:2px solid #2575fc}.template-fusion .resume-header{background:linear-gradient(90deg,#ff4e50,#f9d423);color:#fff;padding:2.5rem;border-radius:0 0 50px}.template-fusion .resume-section h3{color:#ff4e50;background:#fff;display:inline-block;padding:4px 15px;border-radius:4px;border-left:5px solid #f9d423}.template-prism{border:12px solid transparent;border-image:linear-gradient(to bottom right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);border-image-slice:1}.template-prism.template-vibrant .sidebar-col{height:100%;background:#fdfdfd;color:#1e293b;border-right:1px solid #e2e8f0}.template-spectrum h1{background:linear-gradient(to right,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-spectrum.template-vibrant .sidebar-col{height:100%;background:#1e1b4b;color:#fff}.template-iridescent{background:linear-gradient(135deg,#fdfbfb,#ebedee)}.template-iridescent .resume-header{border-bottom:6px solid;border-image:linear-gradient(to right,#a1c4fd,#c2e9fb) 1}.template-iridescent .skill-tag{background:linear-gradient(90deg,#a1c4fd,#c2e9fb);color:#1e293b;border:none}.template-candy .resume-header{color:#ff85a2;text-align:center;font-family:Outfit,sans-serif}.template-candy .skill-tag{background:#ff85a2;color:#fff;border-radius:25px}.template-candy .contact-info span{background:#fff0f5;color:#ff85a2;padding:4px 12px;border-radius:12px}.template-holographic{background:#0a0a0f;color:#00f2ff}.template-holographic.template-vibrant .sidebar-col{height:100%;background:#12121e;border-right:1px solid #00f2ff;color:#00f2ff}.template-holographic h3{border-left:4px solid #ff00ff;padding-left:10px;color:#f0f;text-transform:uppercase;letter-spacing:2px}.template-sunrise .resume-header{background:linear-gradient(135deg,#ff512f,#dd2476);color:#fff;padding:3rem;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.template-sunrise .resume-section h3{color:#dd2476;border-bottom:2px solid #FF512F}.template-cosmos{background:#020617;color:#f8fafc}.template-cosmos .resume-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.template-cosmos h1{background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-midnight .resume-header{background:#1e3a8a;color:#fff;padding:3rem;text-align:center}.template-midnight h3{color:#1e3a8a;border-bottom:2px solid #1e3a8a;padding-bottom:.5rem}.template-ruby .resume-header{background:linear-gradient(135deg,#9f1239,#be123c);color:#fff;padding:3rem}.template-ruby h3{color:#9f1239;border-left:4px solid #9f1239;padding-left:1rem}.template-cobalt .resume-header{border-top:8px solid #2563eb;background:#eff6ff;color:#1e40af;padding:3rem}.template-cobalt h3{color:#2563eb;font-weight:700;text-transform:uppercase;letter-spacing:1px}.template-ivory{background:#fdfbf7;color:#44403c}.template-ivory .resume-header{border-bottom:1px solid #d6d3d1;padding-bottom:2rem;margin-bottom:2rem}.template-ivory h3{color:#78350f;font-family:serif;font-style:italic;border-bottom:1px dotted #a8a29e}.template-steel .resume-header{background:#334155;color:#f8fafc;padding:3rem;clip-path:polygon(0 0,100% 0,95% 100%,0% 100%)}.template-steel h3{background:#e2e8f0;padding:.5rem 1rem;border-left:4px solid #334155;color:#334155}.landing-content{position:relative;z-index:10}.landing-hero-h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800;background:linear-gradient(135deg,#000 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.1);white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}[data-theme=dark] .landing-hero-h1{background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.landing-hero-p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 3rem;line-height:1.6}[data-theme=dark] .landing-hero-p{color:#cfd8dc}.flex-wrap{display:flex;flex-wrap:wrap}.gap-05{gap:.5rem}.gap-1{gap:1rem}.text-center{text-align:center}.ats-results{margin-top:1.5rem;background:#ffffff0d;border-radius:12px}.p-1{padding:1rem}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.text-muted{color:var(--text-muted)}.flex-between{display:flex;justify-content:space-between;align-items:center}.btn-text{background:transparent;border:none;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;font-family:inherit;font-weight:500;transition:all .2s}.btn-text:hover{color:var(--primary-hover);transform:translate(2px)}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.modal-content{width:100%;max-width:450px;background:var(--nav-bg);border:1px solid var(--surface-border);padding:2.5rem;text-align:center;border-radius:24px}.modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text)}.modal-message{color:var(--text-muted);line-height:1.6;margin-bottom:2.5rem;font-size:1rem}.modal-actions{display:flex;gap:1rem}.modal-actions .btn{flex:1}.btn-danger{background:#f44;color:#fff;box-shadow:0 4px 12px #f443}.btn-danger:hover{background:#f22;transform:translateY(-2px);box-shadow:0 6px 16px #ff44444d}.text-error{color:#f44}@media(max-width:480px){.modal-content{padding:2rem 1.5rem}.modal-actions{flex-direction:column-reverse}}@media(max-width:1280px){.sidebar{width:240px;padding:1rem}.navbar{padding:.6rem 1.2rem;gap:.5rem}.actions{gap:.4rem}.custom-dropdown{min-width:180px}.download-btn{padding:.6rem 1rem;font-size:.85rem}}@media(max-width:1024px){.app-container{height:auto;min-height:100vh;overflow:auto}.main-content{overflow:visible;flex-direction:column;height:auto;padding-bottom:2rem;gap:1rem}.sidebar{width:100%;flex-direction:row;padding:.75rem .25rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;height:auto;align-items:center;justify-content:flex-start}.sidebar::-webkit-scrollbar{display:none}.sidebar nav{display:flex;flex-direction:row;gap:.5rem;flex-wrap:nowrap}.nav-item{white-space:nowrap;padding:.6rem 1rem;margin-bottom:0;font-size:.85rem;flex-shrink:0}.editor-section{flex:none;width:100%;overflow-y:visible;max-height:none}.preview-section{flex:none;width:100%;min-height:500px}.preview-wrapper{min-height:500px;overflow-x:auto}.resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}}@media(max-width:768px){.app-container{height:auto;min-height:100vh;overflow:visible}.navbar{margin:.5rem;padding:.6rem 1rem;border-radius:12px;gap:.4rem}.user-name,.logo-tag{display:none}.logo{font-size:1.1rem}.logo-text{font-size:1rem}.actions{gap:.35rem}.download-btn span,.download-btn{padding:.55rem .9rem;font-size:.8rem}.custom-dropdown{min-width:140px}.main-content{padding:0 .5rem 1rem;gap:.75rem}.sidebar{padding:.4rem;margin:0}.sidebar nav{gap:.3rem}.nav-item{padding:.5rem .75rem;font-size:.8rem;gap:.4rem}.editor-section{padding:1rem;border-radius:14px}.section-title{font-size:1.2rem}.preview-wrapper{padding:1rem}.resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}.landing-hero-h1{font-size:2.5rem;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.landing-hero-p{font-size:1rem}.grid-2{grid-template-columns:1fr}}@media(max-width:640px){.navbar{margin:.4rem;padding:.5rem .75rem;flex-wrap:wrap;gap:.4rem}.actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:.3rem}.change-type-text{display:none}.download-btn{padding:.55rem .8rem;font-size:.78rem}.nav-item{padding:.45rem .65rem;font-size:.75rem;gap:.3rem}.main-content{padding:0 .4rem 1rem;gap:.5rem}.editor-section{padding:.8rem}.preview-section{min-height:420px}.resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}.landing-hero-h1{font-size:2rem;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}}@media(max-width:480px){.navbar{margin:.3rem;padding:.5rem .6rem;border-radius:10px}.logo{font-size:.95rem;gap:.4rem}.main-content{padding:0 .3rem .75rem;gap:.4rem}.sidebar{padding:.3rem}.sidebar nav{gap:.2rem}.nav-item{padding:.4rem .6rem;font-size:.72rem;gap:.25rem}.editor-section{padding:.6rem;border-radius:10px}.section-title{font-size:1.1rem}.preview-section{min-height:380px}.preview-wrapper{padding:.5rem}.resume-paper{width:100%;max-width:800px;min-height:1122px;background:#fff;background-image:linear-gradient(to bottom,transparent 1121px,#f1f5f9 1121px,#f1f5f9 1122px);background-size:100% 1122px;color:#1e293b;padding:0;position:relative;box-shadow:0 20px 50px #0000004d;border-radius:8px;overflow:visible!important;transition:all .4s ease}.landing-hero-h1{font-size:1.7rem;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.landing-hero-p{font-size:.9rem}.modal-content{padding:1.5rem 1rem}}.footer-page-inner{color:var(--text);line-height:1.8}.footer-page-inner section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--surface-border)}.footer-page-inner section:last-child{border-bottom:none;margin-bottom:0}.footer-page-inner h3{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:1rem;margin-top:0;padding-bottom:.4rem;border-bottom:2px solid var(--primary);display:inline-block}.footer-page-inner h4{font-size:1rem;font-weight:600;color:var(--text);margin-top:1.2rem;margin-bottom:.5rem}.footer-page-inner p{color:var(--text-muted);font-size:.95rem;margin-bottom:.8rem;line-height:1.8}.footer-page-inner ul{list-style:none;padding-left:0;margin-bottom:1rem}.footer-page-inner ul li{position:relative;padding-left:1.6rem;margin-bottom:.6rem;color:var(--text-muted);font-size:.95rem;line-height:1.7}.footer-page-inner ul li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.footer-page-inner a{color:var(--primary);text-decoration:none;transition:opacity .2s}.footer-page-inner a:hover{opacity:.75;text-decoration:underline}.footer-page-inner strong{color:var(--text);font-weight:600}.template-vibrant.layout-top-header{flex-direction:column!important;display:block!important}.resume-content-wrapper{display:flex}.layout-top-header .resume-content-wrapper{flex:1}.layout-top-header .sidebar-col{height:100%;width:260px;padding:2.5rem 1.5rem;background:#f8fafc;border-right:1px solid #e2e8f0}.layout-top-header .main-col{flex:1;padding:2.5rem 3rem}.language-levels{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.lang-item{display:flex;flex-direction:column;gap:.3rem}.lang-item span{font-size:.85rem;color:inherit;opacity:.8}.lang-bar{height:6px;background:#0000001a;border-radius:10px;overflow:hidden}.lang-fill{height:100%;background:var(--primary);border-radius:10px}.sidebar-col .lang-bar{background:#ffffff1a}.sidebar-col .lang-fill{background:#fff}.experience-item-canva{display:grid;grid-template-columns:140px 1fr;gap:2rem;margin-bottom:2rem}.exp-side .exp-date{font-weight:700;font-size:.9rem;color:#64748b}.exp-side .exp-company{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.education-item-canva{display:grid;grid-template-columns:140px 1fr;gap:2rem;margin-bottom:1.5rem}.edu-side .edu-year{font-weight:700;font-size:.9rem;color:#64748b}.edu-side .edu-school{font-size:.85rem;text-transform:uppercase;margin-top:2px}.main-header-canva{margin-bottom:2.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:1rem}.main-header-canva h1{font-size:2.5rem;font-weight:800;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:1px;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.main-header-canva .subtitle{font-size:1.2rem;color:#64748b;margin-top:.2rem;text-transform:uppercase;letter-spacing:2px}.sidebar-edu-item{margin-bottom:1.2rem}.sidebar-edu-year{font-weight:700;font-size:.9rem;margin-bottom:.2rem}.sidebar-edu-school{font-size:.85rem;text-transform:uppercase;font-weight:600;margin-bottom:.1rem}.sidebar-edu-degree{font-size:.85rem;opacity:.8}.template-canva-marketing-1{background:#fff!important}.template-canva-marketing-1 .sidebar-col{height:100%;background:#fff;border-right:1px solid #e2e8f0}.template-canva-marketing-1 .resume-header{position:relative;height:320px;background:#fff;margin:-2.5rem -1.5rem 0;padding:0;overflow:visible;display:flex!important;flex-direction:column!important;align-items:center;justify-content:flex-start}.template-canva-marketing-1 .resume-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:150px;background:#1e293b;clip-path:polygon(0 0,100% 0,100% 40%,0 100%);z-index:0}.template-canva-marketing-1 .profile-img-container{width:140px;height:140px;border-radius:50%;border:5px solid white;position:relative;z-index:10;margin-top:40px;box-shadow:0 10px 25px #0000001a;background:#fff;flex-shrink:0}.template-canva-marketing-1 .header-text-main{position:relative;z-index:10;text-align:center;color:#1e293b;display:flex;flex-direction:column;align-items:center;margin-top:15px}.template-canva-marketing-1 .header-text-main h1{font-size:2.8rem;font-weight:900;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:1px;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-canva-marketing-1 .header-text-main .subtitle{font-size:1.2rem;color:#3b82f6;font-weight:700;text-transform:uppercase;letter-spacing:4px;margin-top:5px;margin-bottom:10px}.template-canva-marketing-1 .header-text-main:after{content:"";width:120px;height:3px;background:#3b82f6;display:block}.template-canva-marketing-1 .resume-header:after{content:"";position:absolute;top:0;right:0;width:300px;height:60px;background:#3b82f6;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);z-index:-1}.template-canva-marketing-1 .main-header-canva{margin-top:6rem;text-align:center;border-bottom:none}.template-canva-marketing-1 .resume-section h3{border-bottom:2px solid #1e293b;color:#1e293b;text-transform:uppercase;font-weight:800}.template-canva-marketing-2 .sidebar-col{height:100%;background:#1e293b;color:#fff;padding-top:3rem}.template-canva-marketing-2 .resume-header{text-align:center;margin-bottom:2rem}.template-canva-marketing-2 .profile-img-container{border-radius:50%;border:4px solid rgba(255,255,255,.2);margin-bottom:1rem}.template-canva-marketing-2 .resume-section h3{color:#60a5fa;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;letter-spacing:2px}.template-canva-marketing-2 .main-col{padding:4rem 3rem}.template-canva-marketing-2 .main-header-canva{border-bottom:3px solid #1e293b}.template-canva-product-1 .sidebar-col{height:100%;background:#262626;color:#fff}.template-canva-product-1 .sidebar-name-tag h1{font-size:1.8rem;font-weight:900;margin-top:1rem;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-canva-product-1 .sidebar-name-tag .subtitle{color:#a3a3a3;font-size:1rem;letter-spacing:1px}.template-canva-product-1 .resume-section h3{border-bottom:1px solid #404040;margin-top:2rem}.template-canva-product-1 .main-col{padding:3rem}.template-canva-student-1{background:#fff!important}.template-canva-student-1 .sidebar-col{height:100%;background:#7ca5a2;color:#fff;padding:3rem 2rem}.template-canva-student-1 .main-header-canva{background:#e9c4b1;margin:-2.5rem -2.5rem 2rem;padding:3rem 2.5rem;border-bottom:none}.template-canva-student-1 .main-header-canva h1{color:#1e1e1e;font-size:2.4rem;font-weight:800;line-height:1.2;margin:0;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-canva-student-1 .main-header-canva .subtitle{color:#4a4a4a}.template-canva-student-1 .resume-section h3{color:#fff;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}.template-canva-student-1 .resume-section h3:before{content:"▶";font-size:.7rem}.template-modern-slate{--primary: #1e293b;--secondary: #334155;--accent: #64748b}.template-modern-slate .resume-header{background:#1e293b!important;color:#fff!important}.template-modern-slate .resume-header h1{color:#fff!important;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-modern-slate .subtitle{color:#94a3b8!important}.template-vibrant-teal{--primary: #0d9488;--secondary: #14b8a6;--accent: #5eead4}.template-vibrant-teal .sidebar-col{min-height:297mm;background:#0d9488!important;color:#fff!important}.template-vibrant-teal .sidebar-col h1,.template-vibrant-teal .sidebar-col .subtitle,.template-vibrant-teal .sidebar-col h3{color:#fff!important}.template-elegant-charcoal{--primary: #262626;--secondary: #a3a3a3;--accent: #d4af37}.template-elegant-charcoal .resume-header{border-bottom:5px solid #d4af37!important;background:#262626!important;color:#fff!important}.template-elegant-charcoal .resume-header h1{color:#d4af37!important;white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.template-elegant-charcoal .subtitle{color:#a3a3a3!important}.template-metro-emerald{--primary: #064e3b;--secondary: #065f46;--accent: #10b981}.template-metro-emerald .grid-item{border-left:4px solid #064e3b!important}.template-metro-emerald .sidebar-col{min-height:297mm;background:#064e3b!important;color:#fff!important}.template-metro-emerald .sidebar-col h1,.template-metro-emerald .sidebar-col .subtitle,.template-metro-emerald .sidebar-col h3{color:#fff!important}.landing-hero-h1{font-size:4.5rem;font-weight:950;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,var(--text),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-hero-p{font-size:1.25rem;color:var(--text-muted);max-width:650px;margin:0 auto 3rem;line-height:1.6}@media(max-width:1024px){.app-container{height:auto;min-height:100vh;overflow:auto}.main-content{flex-direction:column;height:auto;overflow:visible;padding:0}.sidebar{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:1rem 1.5rem;max-height:none;border-radius:0;border-left:none;border-right:none;margin-bottom:1rem;box-shadow:0 4px 12px #0000000d}.sidebar nav{flex-direction:row;width:max-content;gap:1rem}.nav-item{white-space:nowrap;padding:.6rem 1.2rem}.editor-section{flex:none;max-height:none;overflow-y:visible;margin:0 1rem}.preview-section{flex:none;min-height:600px;margin:1rem 0}.preview-wrapper{overflow-x:auto;align-items:flex-start;justify-content:center;padding:1rem}.resume-paper{transform-origin:top center}.landing-hero-h1{font-size:3.5rem}}@media(max-width:768px){.navbar{padding:.8rem 1rem;margin:0;border-radius:0}.actions{width:100%;justify-content:flex-start;margin-top:.5rem;gap:.5rem}.logo{width:100%;justify-content:center;margin-bottom:.5rem}.user-profile{margin:0;width:100%;justify-content:center}.resume-paper{transform:scale(.7);transform-origin:top center}.landing-hero-h1{font-size:2.8rem}.landing-hero-p{font-size:1.1rem}}@media(max-width:480px){.btn{padding:.6rem 1rem;font-size:.85rem}.resume-paper{transform:scale(.45);transform-origin:top left}.preview-wrapper{justify-content:flex-start}.landing-hero-h1{font-size:2.2rem}.landing-hero-p{font-size:1rem;padding:0 1rem}}