html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}#root{min-height:100vh}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{font-family:Inter,sans-serif;background:#f9fafb;color:#1f2937;width:100%;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.header{position:fixed;top:0;left:0;right:0;width:auto;height:70px;background:#f8fafc;box-shadow:0 2px 8px #0000000d;z-index:1000}.header-container{max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-logo h2{color:#1e3a8a;font-size:1.5rem;font-weight:700}.header-nav{display:flex;gap:1.5rem}.header-nav a{text-decoration:none;color:#2563eb;font-weight:500;transition:color .3s ease}.header-nav a:hover{color:#1e40af}.header-btn{background:#2563eb;color:#fff;padding:.6rem 1.3rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s ease}.header-btn:hover{background:#1e40af}.user-menu{position:relative;display:inline-block}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 10px;border-radius:8px;transition:background-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.user-info:hover{background-color:#f1f5f9;box-shadow:0 1px 3px #0000000f}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #3b82f6;object-fit:cover;background-color:#e5e7eb}.user-initials{width:36px;height:36px;border-radius:50%;background-color:#3b82f6;color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.user-firstname{font-weight:600;color:#1f2937;font-size:.95rem}.dropdown-arrow{font-size:.7rem;color:#374151;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:50px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 16px #0000001a;padding:8px 0;min-width:180px;z-index:20;animation:fadeIn .2s ease forwards}.dropdown-menu.closing{animation:fadeOut .2s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;font-size:.92rem;color:#1f2937;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.logout{color:#dc2626;font-weight:500}.dropdown-item.logout:hover{background-color:#fee2e2}@media (max-width: 768px){.header-nav{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#1f2937;overflow-x:hidden;width:100vw}.hero-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;padding:2rem;text-align:center;background:linear-gradient(270deg,#3b82f6,#2563eb,#1d4ed8);background-size:600% 600%;animation:gradientBG 12s ease infinite;overflow:hidden}.hero-container:before{content:"";position:absolute;bottom:-100px;left:0;width:100%;height:200px;background:#fff;clip-path:ellipse(70% 100% at 50% 100%);z-index:1}.hero-card{position:relative;z-index:2;background:#ffffff26;padding:3rem 2.5rem;border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 30px #00000026;max-width:650px;width:90%;text-align:center;animation:fadeInUp 1s ease forwards}.hero-card img{width:90px;margin-bottom:1rem;animation:fadeInDown .8s ease-in-out}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:#fff;animation:fadeInUp 1s ease-in-out}.hero-subtext{font-size:1.25rem;max-width:600px;margin-bottom:2rem;color:#f0f9ff;animation:fadeInUp 1.2s ease-in-out}.hero-btn{background:#fff;color:#2563eb;padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;animation:fadeInUp 1.4s ease-in-out}.hero-btn:hover{background:#f0f9ff;transform:translateY(-2px)}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hero-title{font-size:2.2rem}.hero-subtext{font-size:1rem}.hero-btn{padding:.9rem 1.6rem;font-size:1rem}}.steps-section{text-align:center;padding:4rem 2rem;background:#f8fafc;width:100%}.steps-section h2{font-size:2rem;margin-bottom:2rem;color:#1e3a8a}.steps-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;width:100%}.step-card{flex:1 1 250px;background:#fdfefe;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000a;width:100%;max-width:300px;transition:transform .3s ease,background .3s ease}.step-card:hover{transform:translateY(-5px);background:#f3f7ff}.step-card span{font-size:2rem}.step-card h3{margin:.8rem 0;color:#2563eb}.testimonials-section{text-align:center;padding:4rem 2rem;background:#f3f4f6;width:100%}.testimonials-section h2{font-size:2rem;margin-bottom:2rem}.testimonials-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;width:100%}.testimonial-card{flex:1 1 250px;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 10px #0000000d;font-style:italic;width:100%;max-width:300px;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.form-container{max-width:650px;margin:2rem auto;padding:2rem;border-radius:12px;background:#fff;box-shadow:0 6px 16px #00000014;transition:all .3s ease-in-out;border:1px solid #e5e7eb}.progress-dots{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;gap:8px;flex-wrap:wrap}.progress-dots .dot{width:14px;height:14px;border-radius:50%;background-color:#d1d5db;transition:all .3s ease;cursor:pointer;position:relative}.progress-dots .dot:hover{transform:scale(1.3);background-color:#60a5fa}.progress-dots .dot.active{background-color:#2563eb;transform:scale(1.4);box-shadow:0 0 0 3px #2563eb33}.progress-dots .dot.completed{background-color:#3b82f6}.progress-dots .dot.error-shake{animation:shake .4s ease-in-out;background-color:#f87171!important}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.dot-nav-error{text-align:center;color:#dc2626;font-size:.9rem;margin-top:5px;animation:fadeIn .3s ease-in-out,fadeOut .5s ease-in-out 2.5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.form-question{display:flex;flex-direction:column;gap:1rem}.form-question label{font-weight:600;font-size:1.1rem;color:#1f2937}.form-question input,.form-question textarea{padding:.85rem;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;width:100%;resize:vertical;background-color:#f9fafb;transition:border-color .2s,background-color .2s}.form-question input:focus,.form-question textarea:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 2px #3b82f633}.form-navigation{display:flex;justify-content:space-between;margin-top:1rem;gap:1rem}.form-navigation button{flex:1;padding:.8rem 1.3rem;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .25s ease-in-out}.form-navigation button:disabled{background:#9ca3af;cursor:not-allowed}.form-navigation button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.skills-input{position:relative}.skills-wrapper{display:flex;flex-wrap:wrap;gap:8px;padding:.6rem;min-height:50px;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;cursor:text;transition:border-color .2s,background-color .2s}.skills-wrapper:focus-within{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 2px #3b82f633}.skill-tag{display:flex;align-items:center;background-color:#e0f2fe;color:#0369a1;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.remove-skill{background:none;border:none;margin-left:6px;color:#0284c7;cursor:pointer;font-size:1.1rem;line-height:1}.remove-skill:hover{color:#dc2626}.skill-type-input{flex-grow:1;border:none;outline:none;font-size:1rem;padding:6px;min-width:120px;background-color:transparent}.skill-suggestions{list-style:none;position:absolute;top:100%;left:0;right:0;margin:4px 0 0;padding:0;border:1px solid #d1d5db;background:#fff;z-index:20;border-radius:6px;max-height:220px;overflow-y:auto;box-shadow:0 4px 10px #0000001a}.skill-suggestions li{padding:10px;cursor:pointer;transition:background-color .2s;font-size:.95rem}.skill-suggestions li:hover{background-color:#f0f9ff}.skill-suggestions li.highlighted{background-color:#bfdbfe;color:#1e3a8a;font-weight:600;outline:none;cursor:pointer}.skill-suggestions::-webkit-scrollbar{width:6px}.skill-suggestions::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.skill-suggestions::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.language-proficiency{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.language-proficiency select{padding:5px 10px;border:1px solid #d1d5db;border-radius:6px;background-color:#f9fafb;font-size:.95rem;cursor:pointer}.language-proficiency select:hover{border-color:#3b82f6}.error{color:#dc2626;font-size:.9rem}.loading{color:#2563eb;font-size:.9rem;font-weight:500}.loading-message{margin-top:8px;color:#555;font-style:italic;display:flex;align-items:center;gap:6px}.spinner{width:16px;height:16px;border:2px solid #ccc;border-top:2px solid #007bff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.form-container{padding:1.5rem}.form-navigation{flex-direction:column}}.resume-preview-wrapper{display:flex;flex-direction:column;align-items:center;margin:2rem auto}.template-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.template-selector button{padding:.6rem 1.3rem;font-size:.95rem;font-weight:600;border:2px solid transparent;border-radius:8px;cursor:pointer;background-color:#f3f4f6;color:#374151;transition:all .25s ease;min-width:100px;box-shadow:0 2px 5px #00000014}.template-selector button:hover{background-color:#e5e7eb;transform:translateY(-1px)}.template-selector button.active{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-color:#1e3a8a;box-shadow:0 4px 10px #2563eb4d;transform:scale(1.05)}.resume-preview{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:850px;width:100%;font-family:Segoe UI,sans-serif;color:#1e293b;border:1px solid #e5e7eb;position:relative}.resume-header{text-align:left;margin-bottom:1rem}.resume-header h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:inherit}.contact-info{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.95rem}.contact-info p{display:flex;align-items:center;gap:.4rem;margin:0}.section{margin-top:1.8rem}.section h2{font-size:1.25rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.3rem}.section p,.section ul{margin-left:.5rem;margin-top:.4rem;font-size:.97rem;line-height:1.6;display:flex;flex-direction:column;align-items:flex-start;text-align:justify}#child1{padding-left:22px}.section ul{list-style-type:disc;padding-left:1.5rem}.section ul li{margin-bottom:.3rem}.icon{font-size:1rem}.resume-preview ul li::marker{font-weight:700}.section ul li .proficiency{font-style:italic;color:#555;margin-left:5px;font-size:.9rem}.template-modern .resume-header h1{color:#1e40af}.template-modern .contact-info{color:#374151}.template-modern .section h2{color:#1d4ed8;border-bottom:2px solid #1d4ed8}.template-modern ul li::marker{color:#2563eb}.template-classic{border:2px solid #000;font-family:Times New Roman,serif;background-color:#fdfdfd}.template-classic .resume-header h1{color:#000;text-transform:uppercase;border-bottom:1px solid #000;padding-bottom:5px}.template-classic .contact-info{color:#111;font-style:italic}.template-classic .section h2{color:#000;border-bottom:1px solid #000;font-weight:700}.template-classic ul li::marker{color:#000}.template-minimal{background:#f9fafb;border:none;font-family:Helvetica Neue,sans-serif;box-shadow:none}.template-minimal .resume-header{text-align:center}.template-minimal .resume-header h1{color:#111827;font-size:2rem;font-weight:600}.template-minimal .contact-info{justify-content:center;color:#555;font-size:.9rem}.template-minimal .section h2{color:#374151;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.template-minimal ul li::marker{color:#777}@media (max-width: 600px){.template-selector{flex-wrap:wrap;justify-content:center;gap:.6rem}.template-selector button{min-width:auto;flex:1 1 30%;padding:.5rem 1rem;font-size:.85rem}}.resume-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem;justify-content:center}.payment-btn{padding:.85rem 1.4rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#07f,#005fcc);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .25s ease-in-out;box-shadow:0 4px 10px #0077ff4d}.payment-btn:hover{background:linear-gradient(135deg,#005fcc,#004bb5);transform:translateY(-2px)}.download-btn{padding:.85rem 1.4rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .25s ease-in-out;box-shadow:0 4px 10px #28a7454d}.download-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px)}.edit-btn{padding:.85rem 1.4rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .25s ease-in-out;box-shadow:0 4px 10px #f59e0b4d}.edit-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.pdf-export{background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.payment-warning{margin-top:8px;font-size:.9rem;color:#d9534f;text-align:center}.download-warning{margin-top:8px;font-size:.9rem;color:#28a745;text-align:center}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);font-size:3rem;color:#00000012;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}.pdf-export .watermark{display:none!important}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;padding:15px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background:#fff;width:95%;max-width:850px;border-radius:12px;box-shadow:0 6px 20px #00000040;padding:20px;position:relative;animation:modalPop .3s ease;max-height:90vh;overflow-y:auto}@keyframes modalPop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:sticky;top:12px;float:right;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;transition:background .2s ease;z-index:10000;box-shadow:0 2px 6px #00000026}.modal-close:hover{background:#c0392b}.modal-content{margin-top:10px;padding:10px}.modal-content .resume-preview-wrapper{background:#f9f9f9;padding:15px;border-radius:8px;border:1px solid #e0e0e0}.modal-content .resume-preview{background:#fff;padding:20px;border-radius:8px}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 768px){.modal-container{width:97%;padding:15px;max-height:85vh}.modal-content .resume-preview{padding:15px;font-size:.95rem}}@media (max-width: 480px){.modal-container{width:98%;padding:12px;border-radius:8px;max-height:90vh}.modal-content .resume-preview{padding:12px;font-size:.9rem}.modal-close{width:28px;height:28px;font-size:16px;top:8px}.resume-preview-wrapper{padding:10px}.template-selector{flex-wrap:wrap;gap:.5rem;justify-content:center}.template-selector button{flex:1 1 100px;min-width:80px;padding:.5rem 1rem;font-size:.85rem}}.builder-section{margin-top:4rem;padding:3rem 2rem;width:100%;max-width:900px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center}.builder-section h2{font-size:2rem;color:#1e3a8a;margin-bottom:2rem;font-weight:700}.builder-container{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;width:100%;max-width:1000px;margin:0 auto;padding:2rem;background:#f1f5f9;border-radius:12px;box-shadow:0 6px 14px #0000000a;transition:background .3s ease}.builder-container:hover{background:#eef3f8}.builder-container form,.builder-container .resume-preview{flex:1 1 300px;min-width:280px}.footer{background:#f1f5f9;padding:2rem 1rem;margin-top:3rem;width:100%;border-top:1px solid #e2e8f0}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;gap:1.5rem}.footer-brand h3{font-size:1.4rem;color:#1e3a8a;margin-bottom:.3rem}.footer-brand p{color:#475569;font-size:.95rem}.footer-links{display:flex;gap:1rem}.footer-links a{text-decoration:none;color:#2563eb;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:#1e40af}.footer-socials a{font-size:1.3rem;margin:0 .3rem;color:#2563eb;transition:color .3s ease}.footer-socials a:hover{color:#1e40af}.footer-bottom{text-align:center;margin-top:1rem;font-size:.9rem;color:#64748b;border-top:1px solid #e2e8f0;padding-top:.8rem}.app-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom right,#eef2ff,#dbeafe);min-height:100vh;width:100%;max-width:100%;padding-top:88px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;overflow-x:hidden}h1{font-size:2.5rem;margin-bottom:2rem;color:#1e3a8a;width:100%}.auth-section{text-align:center;margin:20px}.google-login-wrapper{display:inline-block}.logout-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.6rem 1.4rem;font-size:1rem;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease-in-out;margin-top:8px}.logout-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}