@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#181818;--bg-darker:#111;--bg-card:#1e1e1e;--bg-panel:#242424;--border:#ffffff14;--border-teal:#00d4aa40;--teal:#00d4aa;--teal-light:#5eead4;--cyan:#00bfff;--purple:#a259ff;--rose:#fb7185;--amber:#fcd34d;--green:#34d399;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-muted:#606060;--font-body:"Inter",system-ui,sans-serif;--font-display:"Space Grotesk",system-ui,sans-serif;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:28px;--shadow:0 4px 24px #00000080;--glow:0 0 28px #00d4aa2e}body,html{-webkit-font-smoothing:antialiased;background:#181818;background:var(--bg-dark);color:#f0f0f0;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);height:100%;overflow:hidden}input[type=file]{display:none}.App.initial-screen,.initial-screen{align-items:center;background:linear-gradient(135deg,#181818,#1a1a2e 60%,#16213e);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:28px 20px;position:relative;width:100vw}.initial-screen:before{background-image:radial-gradient(#00d4aa0f 1px,#0000 0);background-size:28px 28px;content:"";inset:0;pointer-events:none;position:absolute}.ats-heading{-webkit-text-fill-color:#0000;animation:gradient-flow 6s ease-in-out infinite alternate;background:linear-gradient(270deg,#00d4aa,#00bfff,#a259ff,#ffb347,#ff6ec4,#00d4aa);background-clip:text;-webkit-background-clip:text;background-size:300% 300%;color:#0000;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:3rem;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:36px;position:relative;text-align:center;z-index:1}@keyframes gradient-flow{0%{background-position:0 50%}to{background-position:100% 50%}}.initial-screen .dropzone{background:#ffffff0a;border:2px dashed #00d4aa40;border:2px dashed var(--border-teal);border-radius:20px;border-radius:var(--r-lg);color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:.95rem;margin-bottom:28px;min-width:420px;padding:36px 40px;position:relative;text-align:center;transition:all .25s ease;z-index:1}.initial-screen .dropzone.dragover,.initial-screen .dropzone:hover{background:#00d4aa0f;border-color:#00d4aa;border-color:var(--teal);box-shadow:0 0 28px #00d4aa2e;box-shadow:var(--glow);transform:translateY(-2px)}.initial-screen .dropzone u{color:#00d4aa;color:var(--teal);cursor:pointer;text-decoration-color:#00d4aa;text-decoration-color:var(--teal)}.dropzone-filename{color:#5eead4;color:var(--teal-light);font-size:.95rem;font-weight:500}.initial-screen label{color:#a0a0a0;color:var(--text-secondary);display:block;font-size:.88rem;font-weight:500;letter-spacing:.4px;margin-bottom:10px;position:relative;text-align:center;text-transform:uppercase;z-index:1}.initial-screen textarea{background:#ffffff0a;border:1px solid #00d4aa40;border:1px solid var(--border-teal);border-radius:12px;border-radius:var(--r-md);color:#f0f0f0;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:400;line-height:1.6;margin-bottom:24px;max-width:480px;min-height:110px;padding:14px 16px;position:relative;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%;z-index:1}.initial-screen textarea::placeholder{color:#606060;color:var(--text-muted)}.initial-screen textarea:focus{border-color:#00d4aa;border-color:var(--teal);box-shadow:0 0 0 3px #00d4aa1a;outline:none}.initial-screen button{background:linear-gradient(90deg,#00d4aa,#00bfff);background:linear-gradient(90deg,var(--teal) 0,var(--cyan) 100%);border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 4px 20px #00d4aa4d;color:#111;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.2px;padding:13px 36px;position:relative;transition:all .25s ease;z-index:1}.initial-screen button:hover:not(:disabled){box-shadow:0 8px 28px #00d4aa66;transform:translateY(-2px)}.initial-screen button:disabled{background:#ffffff1f;box-shadow:none;color:#606060;color:var(--text-muted);cursor:not-allowed;transform:none}.error,.initial-screen .error{color:#fb7185;color:var(--rose);font-size:.85rem;margin-top:12px;position:relative;text-align:center;z-index:1}.analyze-page-bg{background:linear-gradient(135deg,#181818,#1a1a2e 60%,#16213e);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.analyze-page-bg:before{background-image:radial-gradient(#00d4aa0a 1px,#0000 0);background-size:28px 28px;content:"";inset:0;pointer-events:none;position:absolute}.app-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111e6;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:11px 28px;position:relative;z-index:50}.topbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4aa,#00bfff);background:linear-gradient(90deg,var(--teal),var(--cyan));background-clip:text;-webkit-background-clip:text;color:#0000;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.2px}.topbar-filename{color:#606060;color:var(--text-muted);font-size:.78rem}.btn-ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.82rem;font-weight:500;padding:6px 14px;transition:all .2s}.btn-ghost:hover{background:#00d4aa0f;border-color:#00d4aa40;border-color:var(--border-teal);color:#5eead4;color:var(--teal-light)}.tabs-header{align-self:center;display:flex;flex-shrink:0;gap:2px;max-width:900px;padding:10px 28px 0;position:relative;width:100%;z-index:1}.tab{background:#0000;border:1px solid #0000;border-radius:6px 6px 0 0;border-radius:var(--r-sm) var(--r-sm) 0 0;color:#606060;color:var(--text-muted);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font-body);font-size:.88rem;font-weight:500;padding:8px 22px;transition:all .18s;-webkit-user-select:none;user-select:none}.tab:hover:not(.active){background:#ffffff0a;color:#a0a0a0;color:var(--text-secondary)}.tab.active{border-color:#ffffff14;border-color:var(--border);border-bottom-color:#0000;color:#5eead4;color:var(--teal-light);font-weight:600}.tab-content,.tab.active{background:#1e1e1e;background:var(--bg-card)}.tab-content{align-self:center;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:0 12px 12px 12px;border-radius:0 var(--r-md) var(--r-md) var(--r-md);box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow);flex:1 1;margin:0 28px 16px;max-width:900px;overflow-x:hidden;overflow-y:auto;padding:22px 28px 28px;position:relative;scrollbar-color:#00d4aa40 #0000;scrollbar-width:thin;width:100%;z-index:1}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-track{background:#0000}.tab-content::-webkit-scrollbar-thumb{background:#00d4aa40;border-radius:4px}.results-title{color:#f0f0f0;color:var(--text-primary);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:16px;text-align:center}.results-subtitle{color:#606060;color:var(--text-muted);display:block;font-size:.78rem;font-weight:400;margin-top:3px}.score-gauge-container{align-items:center;background:#242424;background:var(--bg-panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-lg);display:flex;flex-direction:row;flex-wrap:wrap;gap:28px;justify-content:center;margin-bottom:16px;padding:16px 20px}.score-gauge{align-items:flex-end;border:8px solid #ffffff14;border-bottom:none;border-radius:140px 140px 0 0;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;position:relative;width:140px}.score-bar{background:linear-gradient(90deg,#fb7185,#fcd34d,#34d399);background:linear-gradient(to right,var(--rose),var(--amber),var(--green))}.score-bar,.score-bar:after{border-radius:140px 140px 0 0;bottom:0;height:100%;left:0;position:absolute;width:100%}.score-bar:after{background:#242424;background:var(--bg-panel);content:"";transform:rotate(calc(var(--score-percentage)*1.8deg));transform-origin:center bottom;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.score-text{align-items:center;bottom:-4px;color:#f0f0f0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:1.7rem;font-weight:700;left:50%;line-height:1;position:absolute;text-shadow:0 2px 8px #000000b3;transform:translateX(-50%);z-index:2}.score-label{color:#606060;color:var(--text-muted);font-size:.62rem;font-weight:500;letter-spacing:1px;margin-top:3px;text-transform:uppercase}.score-description{color:#a0a0a0;color:var(--text-secondary);flex:1 1;font-size:.88rem;line-height:1.55;min-width:180px}.score-description strong{color:#5eead4;color:var(--teal-light);font-weight:600}.suggestion{border-radius:6px;border-radius:var(--r-sm);display:inline-block;font-size:.82rem;font-weight:500;margin-top:6px;padding:5px 12px}.suggestion.low{background:#fb71851a;border:1px solid #fb718533;color:#fb7185;color:var(--rose)}.suggestion.medium{background:#fcd34d14;border:1px solid #fcd34d26;color:#fcd34d;color:var(--amber)}.suggestion.high{background:#34d39914;border:1px solid #34d39933;color:#34d399;color:var(--green)}.skills-comparison-section{background:#242424;background:var(--bg-panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-lg);padding:16px}.section-title{color:#606060;color:var(--text-muted);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:1px;margin-bottom:14px;text-align:center;text-transform:uppercase}.skills-columns{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px}.skills-list{border:1px solid #ffffff14!important;border:1px solid var(--border)!important;border-radius:12px!important;border-radius:var(--r-md)!important;flex:1 1;margin:0!important;min-width:200px;padding:14px!important}.skills-list,.skills-list:hover{background:#1e1e1e!important;background:var(--bg-card)!important;box-shadow:none!important}.skills-list:hover{border-color:#00d4aa40!important;border-color:var(--border-teal)!important}.skills-title{align-items:center;color:#606060!important;color:var(--text-muted)!important;display:flex;font-size:.76rem!important;font-weight:600!important;gap:6px;letter-spacing:.8px;margin-bottom:12px!important;text-transform:uppercase}.skills-list ul{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.skill-item{border-radius:50px;font-size:.82rem;font-weight:500;gap:5px;padding:5px 12px;transition:transform .15s;white-space:nowrap}.skill-item:hover{transform:translateX(3px)}.skill-item.match{background:#34d39912;border:1px solid #34d39938;color:#34d399;color:var(--green)}.skill-item.miss{background:#fb718512;border:1px solid #fb71852e;color:#fb7185;color:var(--rose)}.icon-check{color:#34d399;color:var(--green);font-size:.85em}.icon-cross{color:#fb7185;color:var(--rose);font-size:.85em}.na-text{color:#606060;color:var(--text-muted);font-size:.85rem;font-style:italic}.analysis-detail-section{background:#242424;background:var(--bg-panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);margin-top:10px;padding:10px 16px;transition:border-color .18s}.analysis-detail-section:hover{border-color:#00d4aa40;border-color:var(--border-teal)}.analysis-detail-section h4{color:#606060;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.analysis-detail-section p{color:#a0a0a0;color:var(--text-secondary);font-size:.88rem;font-weight:400;line-height:1.6;margin:0}.debug-skills-details{background:#242424;background:var(--bg-panel);border:1px dashed #ffffff14;border:1px dashed var(--border);border-radius:12px;border-radius:var(--r-md);margin-top:16px;padding:12px 16px}.debug-skills-details summary{color:#606060;color:var(--text-muted);cursor:pointer;font-size:.8rem;-webkit-user-select:none;user-select:none}.debug-skills-details p{color:#606060;color:var(--text-muted);font-size:.8rem;font-weight:400;line-height:1.7;margin-top:8px}.loading-content{align-items:center;color:#5eead4;color:var(--teal-light);display:flex;flex-direction:column;font-size:.95rem;font-weight:500;gap:12px;margin-top:40px;text-align:center}.spinner{animation:spin .85s linear infinite;border:3px solid #00d4aa26;border-radius:50%;border-top:3px solid var(--teal);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.error-content{color:#fb7185;color:var(--rose);font-size:.9rem;margin-top:40px;text-align:center}.summary-display-area{text-align:left}.summary-section{background:#242424;background:var(--bg-panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);margin-bottom:10px;padding:14px 18px;transition:border-color .18s}.summary-section:hover{border-color:#00d4aa40;border-color:var(--border-teal)}.summary-section:last-of-type{margin-bottom:0}.summary-section h4{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#5eead4;color:var(--teal-light);font-size:.72rem;font-weight:600;letter-spacing:1px;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.contact-row{align-items:baseline;display:flex;font-size:.88rem;gap:10px;margin-bottom:6px}.contact-label{color:#606060;color:var(--text-muted);flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.5px;min-width:62px;text-transform:uppercase}.contact-value{color:#a0a0a0;color:var(--text-secondary);font-weight:400;word-break:break-all}.summary-display-area a{color:#5eead4;color:var(--teal-light);text-decoration:none}.summary-display-area a:hover{text-decoration:underline}.summary-item{border-bottom:1px solid #ffffff0a;margin-bottom:8px;padding-bottom:8px}.summary-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-item p{color:#a0a0a0;color:var(--text-secondary);font-size:.88rem;font-weight:400;line-height:1.55;margin:0 0 3px}.summary-item ul{list-style:none;margin:3px 0 0;padding:0}.summary-item li{color:#a0a0a0;color:var(--text-secondary);font-size:.85rem;font-weight:400;line-height:1.5;padding:2px 0 2px 14px;position:relative}.summary-item li:before{color:#00d4aa;color:var(--teal);content:"›";font-weight:700;left:0;position:absolute}.summary-item strong{color:#f0f0f0;color:var(--text-primary);font-size:.88rem;font-weight:600}.summary-tech-stack{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tech-label{color:#606060;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-right:2px;text-transform:uppercase}.tech-pill{background:#00d4aa14;border:1px solid #00d4aa33;border-radius:50px;color:#5eead4;color:var(--teal-light);font-size:.74rem;font-weight:500;padding:2px 9px}@media (max-width:768px){.ats-heading{font-size:2.2rem;margin-bottom:24px}.initial-screen .dropzone{min-width:300px;padding:28px 20px}.initial-screen textarea{max-width:90vw}.tab-content{margin:0 12px 12px;padding:14px 16px}.skills-columns{flex-direction:column}.tabs-header{padding:8px 12px 0}.app-topbar{padding:8px 16px}.score-gauge-container{flex-direction:column;gap:10px}}@media (max-width:480px){.ats-heading{font-size:1.7rem}.initial-screen .dropzone{min-width:260px;padding:22px 14px}.tab-content{margin:0 6px 8px;padding:12px}}.resume-builder{background:#1a1a1a;color:#fff;display:flex;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.builder-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #404040;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;right:0;top:0;z-index:100}.app-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4aa,#ffb347);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2.2rem;font-weight:400;letter-spacing:.5px;margin:0 0 0 20px}.tab-navigation{display:flex;gap:5px;overflow-x:auto;scrollbar-color:#00d4aa #2d2d2d;scrollbar-width:thin}.tab-navigation::-webkit-scrollbar{height:4px}.tab-navigation::-webkit-scrollbar-track{background:#2d2d2d}.tab-navigation::-webkit-scrollbar-thumb{background:#00d4aa;border-radius:2px}.tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#f5f8f7;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;min-width:fit-content;padding:10px 15px;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#6aa193;color:#f5f8f7}.tab-button.active{color:#f5f8f7}.tab-icon{font-size:1rem}.tab-label{font-size:.8rem}.builder-content{display:flex;flex:1 1;margin-top:80px;overflow:hidden}.preview-section{align-items:center;background:#1a1a1a;display:flex;flex:1 1;height:calc(100vh - 100px);justify-content:center;margin-top:5px;overflow-x:hidden;overflow-y:hidden;padding:10px;scrollbar-color:#ffffff26 #0000;scrollbar-width:auto}.preview-container{background:none;box-shadow:none;margin:0;padding:16px}.preview-container,.resume-preview-paper{animation:none!important;transform:none!important}.resume-preview-paper{aspect-ratio:210/297;background:#fff;border-radius:0;box-shadow:0 8px 20px #00000059;box-sizing:border-box;display:flex;flex-direction:column;font-size:.56rem;height:100%!important;justify-content:flex-start;line-height:1.15;margin:0 auto;max-height:100%!important;max-width:95%!important;min-height:0!important;overflow:auto;padding:22px;transform-origin:top center;width:auto!important}.resume-preview-paper::-webkit-scrollbar{width:4px}.resume-preview-paper::-webkit-scrollbar-track{background:#0000}.resume-preview-paper::-webkit-scrollbar-thumb{background-color:#0000002e;border-radius:6px}.resume-preview-paper::-webkit-scrollbar-thumb:hover{background-color:#00000042}.resume-preview-paper{scrollbar-color:#0000002e #0000;scrollbar-width:thin}.preview-header h1{font-size:1.2rem;font-weight:700;margin:0 0 8px}.preview-header{border-bottom:1px solid #fff;margin-bottom:12px;padding-bottom:4px;text-align:center}.preview-name{border:none;color:#222;font-size:1.3rem;font-weight:700;margin:-5px 0 8px;padding:0;text-align:center}.preview-job-title{color:#636363;font-size:.9rem;font-weight:500;margin:0 0 8px;padding:0;text-align:center}.preview-contact{color:#06c;font-size:.5rem;margin-bottom:8px;padding-bottom:6px;text-align:center}.preview-contact p{color:#06c!important;font-size:.5rem;margin:2px 0}.preview-contact a{color:#06c;font-weight:400;text-decoration:none}.contact-item{color:#06c!important}.contact-separator{color:#050d15!important;margin:0 4px}.preview-contact a:hover{text-decoration:underline}.preview-section{background:none;border:none;margin-bottom:20px}.preview-section h2{background:none;border-bottom:1px solid #e0e0e0;color:#222;font-size:.5rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;padding-bottom:4px;text-transform:uppercase}.preview-section p{color:#333;font-size:.8rem;margin:8px 0}.preview-content-section{background:none;border:none;margin-bottom:12px;padding:0}.preview-content-section h4{background:none;border-bottom:1px solid #575151;color:#222;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;padding-bottom:3px;text-transform:uppercase}.preview-content-section p{color:#333;font-size:.6rem;line-height:1.3;margin:4px 0}.preview-content-section ul{margin:8px 0;padding-left:20px}.preview-content-section li{color:#444;font-size:.5rem;line-height:1.4;margin:4px 0}.preview-item{background:none;border:none;color:#222;margin-bottom:10px;padding:0}.preview-item p{color:#222;font-size:.6rem;margin:3px 0}.preview-item p strong{font-weight:700}.preview-item p:has([data-cgpa]){font-weight:700}.preview-item strong{color:#222;font-weight:600}.preview-item ul{margin:3px 0;padding-left:20px}.preview-item li{font-size:.6rem;line-height:1.2;margin:2px 0}.preview-link{color:#00d4aa;font-size:.85rem;margin:5px 0}.preview-link a{color:#00d4aa;text-decoration:none}.preview-link a:hover{text-decoration:underline}.project-title-row{margin:0}.project-link a{color:#06c!important;font-size:.6rem}.form-section-container{background:#2d2d2d;flex:1 1;overflow-y:auto;padding:30px}.form-content{margin:0 auto;max-width:800px}.form-section{margin-bottom:30px}.form-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-column{display:flex;flex-direction:column;gap:15px}.form-field{margin-bottom:15px}.form-field label{color:#e0e0e0;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px;text-transform:capitalize}.form-field input,.form-field textarea{background:#404040;border:1px solid #505050;border-radius:6px;box-sizing:border-box;color:#e0e0e0;font-family:inherit;font-size:.9rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-field input:focus,.form-field textarea:focus{background:#454545;border-color:#00d4aa;box-shadow:0 0 0 2px #00d4aa33;outline:none}.form-field textarea{line-height:1.4;min-height:100px;resize:vertical}.certificate-item,.education-item,.experience-item,.language-item,.project-item{background:#252525;border:1px solid #404040;border-radius:8px;margin-bottom:20px;padding:20px;position:relative;transition:all .3s ease}.certificate-item:hover,.education-item:hover,.experience-item:hover,.language-item:hover,.project-item:hover{border-color:#00d4aa;box-shadow:0 2px 10px #00d4aa1a}.skills-section{margin-bottom:30px}.skills-section h4{color:#00d4aa;font-size:1.1rem;font-weight:600;margin:0 0 15px;text-transform:capitalize}.skill-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.skill-item input{flex:1 1}.responsibility-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.responsibility-item input{flex:1 1}.add-btn,.remove-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.add-btn{background:#00d4aa;box-shadow:0 2px 10px #00d4aa33;color:#fff}.add-btn:hover{box-shadow:0 4px 15px #00d4aa4d;transform:translateY(-1px)}.remove-btn{background:#ff6b6b;color:#fff;font-size:.8rem;padding:6px 12px;position:absolute;right:10px;top:10px}.remove-btn:hover{background:#ff5252;transform:scale(1.05)}.add-small-btn,.remove-small-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.add-small-btn{background:#666;color:#fff;margin-top:10px}.add-small-btn:hover{background:#777}.remove-small-btn{background:#ff6b6b;color:#fff;font-size:.7rem;padding:4px 8px}.remove-small-btn:hover{background:#ff5252;transform:scale(1.05)}.form-actions{align-items:center;border-top:1px solid #404040;justify-content:space-between;margin-top:30px;padding-top:20px}.form-actions,.right-buttons{display:flex;gap:15px}.download-button{align-items:center;background:#00d4aa;border:none;border-radius:8px;box-shadow:0 2px 8px #00d4aa4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:200;gap:8px;padding:12px 24px;transition:all .3s ease}.download-button:hover{box-shadow:0 4px 12px #00d4aa66;transform:translateY(-2px)}.download-icon{font-size:1.1rem}.save-button{align-items:center;background:#00d4aa;border:none;border-radius:8px;box-shadow:0 2px 8px #00d4aa4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:200;gap:8px;padding:12px 24px;transition:all .3s ease}.save-button:hover{box-shadow:0 4px 15px #00d4aa66;transform:translateY(-1px)}.back-button,.save-icon{font-size:1rem}.back-button{align-items:center;background:#00d4aa;border:none;border-radius:8px;box-shadow:0 2px 8px #018c704d;color:#fff;cursor:pointer;display:flex;font-weight:200;gap:8px;padding:12px 24px;transition:all .3s ease}.back-button:hover{box-shadow:0 4px 15px #389d8766;transform:translateY(-2px)}.back-icon{font-size:1rem}@media (max-width:1200px){.builder-content{flex-direction:column}.preview-section{flex:none;height:50vh;padding:20px}.form-section-container{flex:1 1;padding:20px}.preview-container{max-height:500px;max-width:500px}.resume-preview-paper{height:100%!important;max-height:none!important;max-width:none!important;padding:30px;transform:none!important;width:100%!important}}@media (max-width:768px){.builder-header{flex-direction:column;gap:10px;padding:10px 20px}.app-name{font-size:1.5rem}.tab-button{font-size:.8rem;padding:8px 12px}.builder-content{margin-top:120px}.preview-section{height:45vh;padding:0}.form-section-container{padding:15px}.preview-container{height:100%;max-height:none;max-width:none;width:100%}.resume-preview-paper{height:100%!important;max-height:none!important;max-width:none!important;overflow:auto;padding:25px;transform:none!important;width:100%!important}.form-columns{gap:15px;grid-template-columns:1fr}}@media (max-width:480px){.builder-header{padding:8px 15px}.app-name{font-size:1.3rem}.tab-button{font-size:.75rem;padding:6px 10px}.builder-content{margin-top:100px}.preview-section{height:40vh;padding:0}.form-section-container{padding:10px}.preview-container{max-height:100%;max-width:100%}.resume-preview-paper{height:100%!important;max-height:none!important;max-width:none!important;overflow:auto;padding:20px;transform:none!important;width:100%!important}.preview-name{font-size:1.8rem}}@media (max-height:900px),(max-width:1200px){.resume-preview-paper{transform:none!important;transform-origin:top center}}@media (max-height:700px),(max-width:900px){.resume-preview-paper{transform:none!important;transform-origin:top center}}@media print{.resume-preview-paper{box-shadow:none!important;font-size:.9rem!important;line-height:1.32!important}.preview-header h1{font-size:1.6rem!important}.preview-name{font-size:1.4rem!important}.preview-section h2{font-size:1.05rem!important}.preview-content-section h4{font-size:.95rem!important}.preview-content-section li,.preview-content-section p,.preview-item p,.preview-section p{font-size:.88rem!important;line-height:1.38!important}}.resume-builder-landing{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;display:flex;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow:hidden}.landing-content{background:radial-gradient(circle at 30% 50%,#00d4aa1a 0,#0000 50%);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:80px;padding:60px 40px 60px 120px}.brand-header{margin-bottom:40px}.brand-name{-webkit-text-fill-color:#0000;animation:brand-gradient-move 5s ease-in-out infinite alternate;background:linear-gradient(270deg,#00d4aa,#00bfff,#a259ff,#ffb347,#ff6ec4,#00d4aa);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;color:#0000;font-size:2.2rem;font-weight:400;letter-spacing:.5px;margin:0}@keyframes brand-gradient-move{0%{background-position:0 50%}to{background-position:100% 50%}}.hero-section{display:flex;flex:1 1;flex-direction:column;justify-content:center}.hero-text{max-width:600px}.sub-heading{color:#00d4aa;font-size:1rem;font-weight:300;letter-spacing:2px;margin:0 0 20px;opacity:.8;text-transform:uppercase}.main-heading{font-size:3.8rem;line-height:1.1;margin:0 0 30px}.main-heading,.main-heading-teal{font-weight:300;letter-spacing:-1px}.main-heading-teal{color:#00d4aa;font-family:inherit;font-size:1em}.main-heading-blue{color:#00bfff;font-family:inherit;font-size:1em;font-weight:300;letter-spacing:-1px}.main-heading-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4aa,#ffb347);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:3.8rem;font-weight:300;letter-spacing:-1px;line-height:1.1;margin:0 0 30px;white-space:normal}.strong-text{color:#00d4aa;font-weight:400;text-shadow:0 0 15px #00d4aa33}.thin-text{color:#e0e0e0;font-size:.95em;font-weight:200;opacity:.9}.description{color:#b0b0b0;font-size:1.1rem;font-weight:300;line-height:1.6;margin:0 0 40px;max-width:500px;opacity:.8}.button-container{gap:20px;margin-top:20px}.button-container,.cta-button{align-items:center;display:flex;justify-content:center}.cta-button{background:linear-gradient(90deg,#00d4aa,#0a86af);border:none;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;height:50px;letter-spacing:1px;margin:0 8px;overflow:hidden;padding:10px 24px;position:relative;text-transform:uppercase;transition:background .2s,box-shadow .2s;white-space:nowrap;width:250px}.cta-button:hover{background:linear-gradient(90deg,#0a86af,#00d4aa);box-shadow:1px 8px 25px #00d4aa66;transform:translateY(-3px)}.button-icon{animation:float 2s ease-in-out infinite;font-size:1.1rem}.resume-preview{background:none;flex:1 1;padding:40px}.preview-container,.resume-preview{align-items:center;display:flex;justify-content:center;perspective:1200px}.preview-container{height:100%;max-height:500px;max-width:350px;width:100%}.rotating-resume{animation:resume-rotate 5s ease-in-out infinite,floatResume 4s ease-in-out infinite alternate;background:#fff;border-radius:0;box-shadow:0 4px 24px #0000001f;height:650px;object-fit:contain;width:650px;will-change:transform}@keyframes resume-3d-rotate{0%{transform:perspective(1200px) rotateY(-12deg) rotateX(20deg) translateY(5px)}50%{transform:perspective(1200px) rotateY(12deg) rotateX(-20deg) translateY(-16px)}to{transform:perspective(1200px) rotateY(-12deg) rotateX(20deg) translateY(-20px)}}.preview-container:hover{animation-play-state:paused}@keyframes float{0%,to{transform:perspective(1000px) rotateY(15deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(25deg) rotateX(8deg) translateY(-10px)}}.rotating-resume{animation:resume-rotate 8s ease-in-out infinite;transform-style:preserve-3d}@keyframes resume-rotate{0%,to{transform:rotateY(15deg) rotateX(5deg) translateY(0)}25%{transform:rotateY(25deg) rotateX(8deg) translateY(-10px)}50%{transform:rotateY(15deg) rotateX(5deg) translateY(0)}75%{transform:rotateY(5deg) rotateX(2deg) translateY(5px)}}.project-item{background:#0000;margin-bottom:10px}.project-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.project-link a{background:#0000;color:#06c;font-size:.7rem;font-weight:500;text-decoration:none}.project-link a:hover{text-decoration:underline}.resume-paper{background:#fff;border-radius:4px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a;color:#333;font-family:Segoe UI,Roboto,sans-serif;font-size:.75rem;height:100%;line-height:1.2;max-height:600px;max-width:450px;overflow:hidden;padding:25px;position:relative;transform:rotateY(15deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .3s ease;width:100%}.resume-paper *,.resume-paper .project-item,.resume-paper .project-link,.resume-paper .project-link a,.resume-paper .project-title-row,.resume-paper .resume-section{background:#0000!important}.resume-paper .resume-header{border-bottom:1px solid #919191;margin-bottom:15px;padding-bottom:10px;padding-left:25px;padding-right:15px;text-align:center}.resume-name{color:#333;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin-bottom:8px}.contact-info p{color:#06c;font-size:.75rem;font-weight:500;margin:0}.resume-section{margin-bottom:12px;padding-left:25px;padding-right:15px}.resume-section h4{border-bottom:1px solid #575151;color:#333;font-size:.9rem;font-weight:600;margin:0 0 6px;padding-bottom:4px;text-transform:uppercase}.resume-section p{color:#333;font-size:.7rem;line-height:1.3;margin:0 0 4px}.resume-section ul{margin:8px 0;padding-left:20px}.resume-section li{color:#555;font-size:.85rem;margin:3px 0}.resume-section strong{color:#333}@media (max-width:1200px){.resume-preview{perspective:1000px}.resume-paper{font-size:.7rem;max-height:550px;max-width:400px;padding:20px}.resume-section{margin-bottom:10px;padding-left:20px;padding-right:15px}.resume-section h4{font-size:.85rem;margin-bottom:5px}.resume-section p{font-size:.65rem;margin-bottom:3px}}@media (max-width:768px){.resume-preview{perspective:800px}.resume-paper{font-size:.65rem;max-height:500px;max-width:350px;padding:18px}.resume-section{margin-bottom:8px;padding-left:18px;padding-right:12px}.resume-section h4{font-size:.8rem;margin-bottom:4px}.resume-section p{font-size:.6rem;margin-bottom:2px}}@media (max-width:480px){.resume-preview{perspective:600px}.resume-paper{font-size:.6rem;max-height:450px;max-width:300px;padding:15px}.resume-section{margin-bottom:6px;padding-left:15px;padding-right:10px}.resume-section h4{font-size:.75rem;margin-bottom:3px}.resume-section p{font-size:.55rem;margin-bottom:2px}}