body{margin:0;padding:0;background-color:#e0e0e0}img{max-width:100%}a{color:#333;text-decoration:none;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.logo{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:600;font-size:30px;letter-spacing:1px;background:linear-gradient(90deg,#10aa4c,#53fa93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;cursor:pointer}.modal{width:80%;position:absolute;top:20px;left:10px;z-index:9;padding:5px 10px;background-color:#fff;min-height:90vh;border-radius:8px;box-shadow:0 2px 12px #80808083}.title{text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}.sub-title{font-family:Arial,Helvetica,sans-serif;font-size:16px;text-align:center}.step{padding:0 15px;margin:40px 0}.steps{font-family:Verdana,Geneva,Tahoma,sans-serif;margin-bottom:10px}.stages{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stages h3{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:500}.stage{display:flex;flex-direction:column;text-align:center}.stage img{width:150px;height:auto;margin:0 auto}@media (min-width: 530px){.modal{left:55px}.stages{grid-template-columns:repeat(3,1fr)}.stage img{width:100%}}@media (min-width: 770px){.modal{left:75px}.step{padding-left:60px}}@media (min-width: 1000px){.modal{left:115px}}.logo h2{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:600;letter-spacing:1px;background:linear-gradient(90deg,#10aa4c,#53fa93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;cursor:pointer}.hero-section{min-height:78vh}.span-text{background:linear-gradient(90deg,#10aa4c,#62f59a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700}.hero-heading{text-align:center;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-heading p{font-size:16px;color:#333;font-weight:500}.start{padding:12px 17px;background:linear-gradient(90deg,#10aa4c,#44fc8b);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:17px;margin-bottom:10px;transition:all .3s ease;cursor:pointer}.start:hover{transform:scale(1.05);background:linear-gradient(90deg,#0d9441,#38cc71)}.hero-img{position:absolute;top:74px;z-index:-1;filter:blur(5px);width:100%}.hero-img img{width:100%;height:500px}.heading-img{display:none}@media (min-width: 480px){.hero-img{width:87%;left:46px}}@media (min-width: 768px){.hero-img{position:relative;top:20px;filter:blur(0px);width:350px}.hero-img img{filter:brightness(90%);transform:rotate(3deg) translate(-40px)}.hero-section{display:flex;flex-direction:row;justify-content:space-around;padding:0 40px}.hero-heading{text-align:start;width:48%;padding-top:3%}.heading-img{display:block;width:220px;transform:translate(-34px) translateY(40px)}}@media (min-width: 1000px){.hero-img img{transform:rotate(3deg) translate(-80px)}.hero-heading{font-size:22px}}.container{padding:20px;display:flex;flex-direction:column}.spinner-container{position:absolute;top:0;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;min-height:700px;margin-top:20px;background-color:#00000027;z-index:99}.create{padding:13px 15px;background-color:#000;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;max-width:200px}.create:hover{background-color:#1a1a1a}.previous-works{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.work{border:1px solid rgba(128,128,128,.13);margin-top:20px;text-align:center;border-radius:15px;box-shadow:0 2px 5px gray;padding:8px;background-color:#b9b9b9;cursor:pointer}.work h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.work img{width:100%;max-height:400px}.templates{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:100%;align-items:center;padding:8px 17px;text-align:center}.template{background-color:#fff;position:relative;transition:all 3s ease-in-out}.template img{height:340px}.title{text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:600;margin-top:30px}.screening{display:none}.text-content p{font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.coming-soon{display:none;transform:scale(.95);transition:all .4s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.template:hover .coming-soon{display:inline-block;position:absolute;top:0;left:25px;background-color:#5f5f5f;width:80%;padding-top:70%;min-height:390px;font-size:22px}@media (min-width: 768px){.create{min-width:200px;margin-top:30px}.work{width:200px;height:300px}.work img{height:220px}.title{font-size:30px}.text-content{max-width:600px;margin:0 auto;text-align:center}.template:hover .coming-soon{padding-top:60%;left:20px;min-height:270px}}@media (min-width: 950px){.container{flex-direction:row;justify-content:space-around;margin-top:5%}.text-content{max-width:500px;text-align:start}.screening{display:inline-block;width:40%;max-width:460px;margin-right:40px}.screening img{border-radius:20px 10px 10px 20px}}@media (min-width: 1200px){.container{padding:20px}.templates{gap:30px}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f9fafb;color:#111827}.main{width:100%;max-width:98%;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 6px 16px #0000000f;margin:0 auto}.spinner-container{position:absolute;top:0;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;height:900px;margin-top:20px;background-color:#00000027;z-index:99}.spinner{width:60px;height:60px;position:relative}.spinner .dot{position:absolute;inset:0;display:flex;justify-content:center}.spinner .dot:after{content:"";width:7px;height:7px;border-radius:50%;background-color:#0cb4e7}@keyframes spin{to{transform:rotate(360deg)}}.spinner .dot{animation:spin 2s infinite}.spinner .dot:nth-child(2){animation-delay:.1s}.spinner .dot:nth-child(3){animation-delay:.2s}.spinner .dot:nth-child(4){animation-delay:.3s}.spinner .dot:nth-child(5){animation-delay:.4s}.header{font-size:1.8rem;margin-bottom:1rem;text-align:center}.form{display:flex;flex-direction:column;gap:1rem}.progress{font-size:.9rem;font-weight:500;text-align:center;margin-bottom:.5rem}.sectionContent h2{margin-bottom:.75rem;font-size:1.2rem}.repeatableItem{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem;background:#fdfdfd}.formGroup{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.label{font-weight:500}.required{color:red}.input,textarea{padding:.6rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;width:100%}.inputError{border-color:#dc2626}.errorText{color:#dc2626;font-size:.8rem}.navigation{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.button{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;background:#4f46e5;color:#fff;cursor:pointer;transition:background .2s ease}.button:disabled{background:#9ca3af;cursor:not-allowed}.button:hover:not(:disabled){background:#4338ca}.removeButton{background:#dc2626;color:#fff;margin-top:.5rem;padding:8px 13px;border:none;border-radius:5px}.addButton{background:linear-gradient(90deg,#10aa4c,#1fad56)!important;color:#fff;margin-top:.5rem;padding:8px 13px;border:none;border-radius:5px}.preview{margin:20px auto;text-align:center;min-height:500px;background-color:#bdbafa;border:2px dashed #d1d5db;border-radius:8px;max-width:95%}.skills-group{margin-bottom:10px}@media (max-width: 600px){.main{padding:1rem}.navigation{flex-direction:column}.button{width:100%}}@media (min-width: 768px){.wrapper{display:flex;justify-content:center;align-items:start;padding:2rem 1rem}.main{width:45%}.preview{width:45%;margin-left:20px;min-height:585px;margin-top:0}.cv{min-height:500px}}.wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;padding:1rem}.export{text-align:center;max-width:600px;margin:auto}.btn{padding:8px 13px;border:none;border-radius:6px;font-weight:700;font-size:1rem;min-width:250px;margin-bottom:10px;cursor:pointer}.exp{background:linear-gradient(90deg,#10aa4c,#1fad56)!important;color:#fff}.edit{background-color:#000;color:#fff}.preview{margin:20px auto;text-align:center;min-height:500px;background-color:#bdbafa;border:2px dashed #d1d5db;border-radius:8px;max-width:100%}@media (max-width: 770px){.preview{min-width:90%}}.cv{min-width:80%;min-height:480px;margin:7px auto;text-align:left;background-color:#fff;border-radius:10px;padding:2rem}.cv-container{max-width:800px;margin:auto;padding:20px;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.cv-header{text-align:center;margin-bottom:30px}.cv-header h1{font-size:2rem;margin:0;color:#222}.cv-header p{font-size:.9rem;color:#555}.cv-section{margin-bottom:25px}.cv-section-title{display:flex;align-items:center;gap:10px}.cv-section-title .circle{width:12px;height:12px;background-color:#007bff;border-radius:50%;display:inline-block}.cv-section h2{font-size:1.3rem;margin:0;color:#222}.cv-divider{border:none;border-top:2px solid #28a745;margin:8px 0 15px}.cv-entry h3{font-size:1.1rem;margin:5px 0;color:#333}.cv-entry p{margin:2px 0;font-size:.9rem;color:#555}.skills{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{background-color:#007bff;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;margin:0 5px}@media (max-width: 768px){.cv-container{padding:15px}.cv-header h1{font-size:1.6rem}.cv-section h2{font-size:1.1rem}}@media (min-width: 770px){.wrapper{flex-direction:row;gap:100px}.preview{margin:0}.export{margin-top:10%;max-width:300px;text-align:start}}@media (min-width: 1100px){.export{padding:1rem;max-width:500px}}.notfound-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);text-align:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notfound-content{max-width:500px}.notfound-img{width:100%;max-width:250px;margin-bottom:20px}.n404{font-size:6rem;margin:0;color:#3f3d56}.h2{font-size:1.8rem;margin:10px 0;color:#6c63ff}.p{color:#555;margin-bottom:30px;font-size:1rem}.back-home{padding:12px 25px;font-size:1rem;background-color:#6c63ff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-home:hover{background-color:#5952d4;transform:translateY(-2px)}