.hero h2{color:#170f49;font-weight:700;font-size:30px;margin-bottom:12px}.hero p{color:#475467;font-size:16px;font-weight:400}.ai-next-cta,.ai-white-cta{text-transform:none!important}.ai-white-cta{border-radius:32px;cursor:pointer;background:#fff;font-weight:700;font-size:16!important;color:#211f54;border:1px solid #dcddeb;padding:12px 28px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.ai-next-cta{border-radius:32px;cursor:pointer;background:#1a9951;font-weight:700;font-size:16!important;color:#fff;padding:12px 28px;border:none!important;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.ai-next-cta:hover{color:#fff;opacity:.8}.tips-title{display:flex;align-items:center;gap:4px;margin-bottom:12px}.tips-title img{width:22px;height:22px}.tips-title span{font-size:16px;font-weight:700;color:#101828}.tips-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;background:#f5fbff;border-radius:8px;border:1px solid #eaecf0}@media (max-width:900px){.tips-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tips-list{grid-template-columns:1fr}}.tip{display:flex;flex-direction:column}.tip-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tip-title img{width:22px;height:22px}.tip-title span{font-size:14px;font-weight:600;color:#101828}.tip p{font-size:14px;font-weight:400;color:#344054;margin:0!important}.upload-title{margin-top:6px!important;color:#101828!important;font-size:16px!important;font-weight:700!important;margin-bottom:0!important}.upload-description{margin-top:4px!important;color:#6e7191!important;font-size:14px!important;font-weight:400!important}.upload-cta{margin:0 auto;display:inline-flex;align-items:center;gap:12px}.upload-cta img{width:16px;height:16px;margin-left:10px}.form-title{display:flex;align-items:center;gap:12px}.form-title-icon{width:20px;height:20px}.import-cv-container{background:#fff!important;transition:border-color .2s,background-color .2s}.import-cv-container.drag-over{border-color:#1e45cc!important;background-color:#f0f4ff!important}.import-cv-container label{padding-top:32px!important;padding-bottom:32px!important}.uploaded-images-container{display:none}.uploaded-images-container.visible{display:block}.uploaded-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.uploaded-images-title{font-size:16px;font-weight:700;color:#101828}.uploaded-images-count{font-size:14px;font-weight:700;color:#667085}.uploaded-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:900px){.uploaded-images-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.uploaded-images-grid{grid-template-columns:1fr}}.uploaded-image-item{position:relative;height:270px;border-radius:12px;overflow:hidden}.uploaded-image-item img{width:100%;height:100%;object-fit:cover;border-radius:12px}.uploaded-image-item .delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:1px solid #dcddeb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;margin-top:0!important}.uploaded-image-item .delete-btn img{width:16px;height:16px}.uploaded-image-item .delete-btn:hover{background:#fff}.tips.hidden{display:none}.attire-step .hero{max-width:650px;margin:0 auto;margin-bottom:28px}.attire-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media (max-width:900px){.attire-cards{grid-template-columns:1fr}}.attire-card{background:#fff;border-radius:20px;border:2px solid #eaecf0;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s;padding:4px}.attire-card:hover{border-color:#d0d5dd}.attire-card.selected{border-color:#1e45cc;box-shadow:0 0 0 2px rgba(30,69,204,.1)}.attire-card-image{width:100%;height:185px;overflow:hidden;border-radius:14px}.attire-card-image img{width:100%;height:100%;object-fit:cover;border-radius:14px}.attire-card-content{padding:16px;text-align:center}.attire-card-title{font-size:16px;font-weight:700;color:#000;margin-bottom:8px!important;margin-top:0!important}.attire-card-description{font-size:14px;font-weight:400;color:#475467;margin-bottom:8px!important;margin-top:0!important}.attire-card-best-for{font-size:14px;color:#000;margin-bottom:0!important;margin-top:0!important}.attire-card-best-for strong{color:#000;font-weight:600}.attire-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.attire-buttons-right{display:flex;gap:12px}.keep-original-btn{padding:12px 24px;border-radius:50px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.keep-original-btn:hover{background:#f9fafb;border-color:#98a2b3}.background-step .hero{max-width:650px;margin:0 auto;margin-bottom:28px}.background-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width:900px){.background-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.background-cards{grid-template-columns:1fr}}.background-card{background:#fff;border-radius:12px;border:2px solid #eaecf0;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.background-card:hover{border-color:#d0d5dd}.background-card.selected{border-color:#1e45cc;box-shadow:0 0 0 2px rgba(30,69,204,.1)}.background-card-image{width:100%;height:165px;overflow:hidden}.background-card-image img{width:100%;height:100%;object-fit:cover}.background-card-content{padding:16px;text-align:center}.background-card-title{font-size:16px;font-weight:700;color:#000;margin-bottom:8px!important;margin-top:0!important}.background-card-description{font-size:14px;font-weight:400;color:#475467;margin-bottom:0!important;margin-top:0!important}.background-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.generating-step .hero{max-width:650px;margin:0 auto;margin-bottom:28px;text-align:center}.before-after-container{width:100%;max-width:100%;margin:2rem 0;position:relative}.before-after-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px}.before-after-wrapper::after,.before-after-wrapper::before{content:'';position:absolute;top:0;bottom:0;width:16px;z-index:5;pointer-events:none}.before-after-wrapper::before{left:0;background:linear-gradient(270deg,rgba(212,226,240,0) 0,#d7e6f4 100%)}.before-after-wrapper::after{right:0;background:linear-gradient(90deg,rgba(212,226,240,0) 0,#d7e6f4 100%)}.before-image{width:140%;height:250px;display:block;position:relative;left:70%;transform:translateX(-70%);object-fit:cover;object-position:center}.after-image{position:absolute;top:0;left:70%;width:140%;height:250px;display:block;transform:translateX(-70%);object-fit:cover;object-position:center;clip-path:inset(0 100% 0 0);animation:reveal 12s ease-in-out infinite}.reveal-bar{position:absolute;top:0;left:0;width:4px;height:100%;background:#fff;border-radius:100%;box-shadow:0 3px 10px 0 #00000066;z-index:10;animation:moveBar 12s ease-in-out infinite;pointer-events:none;transform:translateX(-50%)}@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes moveBar{0%{left:0}50%{left:100%}100%{left:0}}#modal-email-headshot{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.4);font-family:Inter,sans-serif;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease}#modal-email-headshot.show{visibility:visible;opacity:1}#modal-email-headshot>div{display:flex;flex-direction:column;background:#fff;width:500px;max-width:90%;padding:24px;border-radius:20px;box-shadow:0 15px 30.4px rgba(0,0,0,.07);gap:12px;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}#modal-email-headshot h3{margin:0;font-size:20px;font-weight:700;color:#170f49}#modal-email-headshot p{margin:0;color:#6f6c90;font-size:14px;line-height:1.4}#modal-email-headshot label{font-weight:600;display:block;color:#344054;font-size:14px}#modal-email-headshot input[type=email]{width:100%;padding:14px 10px;border:1px solid #dcddeb;border-radius:6px;font-size:15px;box-sizing:border-box;font-family:inherit;color:#170f49;background:#fff;margin-top:8px;margin-bottom:0}#modal-email-headshot input[type=email]:focus{outline:0;border-color:#1e45cc}#modal-email-headshot input[type=email]::placeholder{color:#667085}#modal-email-headshot .modal-buttons{display:flex;gap:12px;margin-top:4px}#modal-email-headshot .modal-buttons .ai-next-cta,#modal-email-headshot .modal-buttons .ai-white-cta{flex:1;justify-content:center}@media (max-width:500px){#modal-email-headshot>div{width:90%;padding:20px;gap:10px}#modal-email-headshot .modal-buttons{flex-direction:column;gap:8px}}.generating-step .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px 20px;text-align:center}.generating-step .error-icon{margin-bottom:16px}.generating-step .error-title{font-size:20px;font-weight:700;color:#170f49;margin-bottom:8px}.generating-step .error-message{font-size:16px;color:#6f6c90;line-height:1.5;margin-bottom:16px}.generating-step .retry-headshot-btn{margin-top:16px}@media screen and (max-width:950px){.attire-buttons,.background-buttons{flex-direction:column-reverse;gap:10px;position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:20px;border-top:1px solid #dcddeb;box-shadow:0 -3px 6px 0 #1513631A;z-index:10}.attire-buttons a,.attire-buttons button,.background-buttons a,.background-buttons button{width:100%}.attire-buttons>.ai-white-cta,.background-buttons>.ai-white-cta{display:none}.attire-buttons-right{width:100%;flex-direction:column-reverse}.attire-step,.background-step{padding-bottom:140px}}
