body{animation:gradientShift 10s ease infinite;background:#fff;background-size:400% 400%;color:#286fb4;font-family:Poppins,sans-serif;margin:0;min-height:100vh}.centered-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.login-container{animation:fadeIn .8s ease-out;background-color:#fff;border:2px solid #e2f0f9;border-radius:24px;box-shadow:0 15px 35px #286fb426;max-width:400px;padding:40px;text-align:center;width:100%}input{background:#fff;border:2px solid #e2f0f9;border-radius:12px;box-sizing:border-box;color:#286fb4;font-size:1rem;margin:12px 0;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}input:focus{border-color:#286fb4;box-shadow:0 0 0 4px #286fb41a}input::placeholder{color:#b0dde4}button{background-color:#286fb4;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:15px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}button:hover{background-color:#1e568d;box-shadow:0 5px 15px #286fb44d;transform:translateY(-2px)}button:active{transform:translateY(0)}.google-btn{align-items:center;background-color:#fff;border:1px solid #b0dde4;border-radius:12px;box-shadow:0 2px 4px #286fb40d;color:#286fb4;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-top:15px;padding:12px;transition:all .3s ease;width:100%}.google-btn:hover{background-color:#f8fbfe;border-color:#286fb4;box-shadow:0 4px 12px #286fb41f;transform:translateY(-1px)}.google-btn:active{transform:translateY(0)}.google-logo{display:block;height:20px;width:20px}.google-btn span{display:inline-block;margin-top:1px}a{color:#df4c73;font-weight:600;text-decoration:none}.separator{align-items:center;color:#b0dde4;display:flex;margin:20px 0;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #e2f0f9;content:"";flex:1 1}.separator:not(:empty):before{margin-right:.5em}.separator:not(:empty):after{margin-left:.5em}.error-text{color:#df4c73;font-size:.85rem;margin-top:5px}@media (max-width:480px){.login-container,.signup-container{padding:30px 20px;width:90%}}.outer-container{align-items:center;animation:fadeIn .8s ease-out;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem;width:100%}@media (min-width:640px){.outer-container{aspect-ratio:4/3}}@media (min-width:768px){.outer-container{aspect-ratio:2/1}}.step-circle-container{background-color:#fff;border-radius:2rem;box-shadow:0 20px 25px -5px #286fb41a,0 10px 10px -5px #286fb40a;margin-left:auto;margin-right:auto;max-width:28rem;overflow:hidden;width:100%}.step-indicator-row{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:2.5rem 2rem 1.5rem;width:100%}.step-indicator{cursor:pointer;outline:none;position:relative;z-index:2}.step-indicator-inner{align-items:center;border-radius:9999px;display:flex;font-weight:600;height:2.25rem;justify-content:center;transition:all .3s ease;width:2.25rem}.active-dot{background-color:#fff;border-radius:9999px;height:.75rem;width:.75rem}.step-number{font-size:.875rem}.step-connector{background-color:#b0dde4;border-radius:.25rem;flex:1 1;height:.125rem;margin-left:.75rem;margin-right:.75rem;min-width:10px;overflow:hidden;position:relative}.step-connector-inner{height:100%;left:0;position:absolute;top:0}.step-content-default{min-height:150px;overflow:hidden;position:relative}.step-default{padding:0 2.5rem;text-align:center}.footer-container{padding:0 2rem 2.5rem}.footer-nav{display:flex;gap:1rem;margin-top:2rem}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button,.next-button{align-items:center;border:2px solid #0000;border-radius:9999px;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.6rem 1.5rem;transition:all .3s ease}.back-button:hover,.next-button:hover{background-color:#fff;border-color:#286fb4;color:#286fb4;transform:translateY(-1px)}.check-icon{color:#fff;height:1.25rem;width:1.25rem}@media (max-width:480px){.step-circle-container{border-radius:1.5rem;max-width:95%}.step-indicator-row{padding:2rem 1rem 1rem}.step-connector{margin-left:.4rem;margin-right:.4rem}.step-indicator-inner{height:1.75rem;width:1.75rem}.step-default{padding:0 1.5rem}}.home-container{animation:gradientShift 15s ease infinite;background-color:#fff;background-size:400% 400%;min-height:100vh}.page-content{padding-top:100px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navbar{background-color:#fff;border-bottom:3px solid #df4c73;box-shadow:0 8px 20px #0003;display:flex;justify-content:space-around;left:50%;overflow:hidden;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:1000}.navbar h1{color:#df4c73;font-size:1.8rem;font-weight:800;line-height:1;padding:15px 30px;text-shadow:none}.navbar-icons{border-bottom-right-radius:47px;border-top-right-radius:47px;gap:20px;padding:15px 25px}.nav-item,.navbar-icons{align-items:center;display:flex}.nav-item{background:none;border:2px solid #4a4a4a;border-radius:50%;color:#4a4a4a;cursor:pointer;height:40px;justify-content:center;padding:0;position:relative;text-decoration:none;transition:all .3s ease-in-out;width:40px}.nav-icon-content{color:#4a4a4a;font-size:1.2rem;line-height:1;transition:color .3s ease}.nav-label{border-radius:8px;color:#df4c73;font-size:12px;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;top:-25px;transform:translateY(10px);transition:all .2s ease-in-out;white-space:nowrap}.nav-item:hover{background-color:#df4c73;border-color:#fff;color:#fff;transform:scale(1.1)}.nav-item:hover .nav-label{opacity:1;transform:translateY(0)}.main-content{padding:40px 60px}.dashboard{display:flex;flex-direction:column;gap:60px;margin:0 auto;width:900px}.card-section{align-items:center;border-radius:30px;box-shadow:0 15px 40px #00000026;cursor:pointer;display:flex;opacity:0;overflow:hidden;padding:35px;transform:translateY(30px);transition:transform .4s,box-shadow .4s,background .4s}.card-section.is-visible{opacity:1;transform:translateY(0)}.card-section:hover{transform:translateY(-8px) scale(1.01)}.card-section.image-first{flex-direction:row}.card-section.text-first{flex-direction:row-reverse}.card-text{box-sizing:border-box;justify-content:center;padding:0 30px;width:65%}.card-image-container{align-items:center;display:flex;justify-content:center;width:35%}.cat-image{border:6px solid;border-radius:50%;box-shadow:0 5px 20px #0000001a;height:160px;object-fit:cover;transition:transform .3s;width:160px}.card-section:hover .cat-image{transform:rotate(5deg) scale(1.1)}.card-title{font-size:2.5rem;font-weight:800;margin-bottom:10px}.card-description{font-size:1.1rem;line-height:1.5}.hquiz-card{background:#2a3644;color:#fff}.hquiz-card .cat-image{border-color:#fff}.hquiz-card .card-title{color:#fff}.journal-card{background:#e2f0f9;color:#4a4a4a}.journal-card .cat-image{border-color:#4a4a4a}.journal-card .card-title{color:#4a4a4a}.mock-card{background:#b0dde4;color:#fff}.mock-card .cat-image{border-color:#fff}.mock-card .card-title{color:#fff}.resume-card{background:#286fb4;color:#fff}.resume-card .cat-image{border-color:#fff}.resume-card .card-title{color:#e2f0f9}.personality-promo-section{align-items:center;border-radius:40px;display:flex;justify-content:space-between;margin:0 auto;padding:30px 40px;width:800px}.promo-left-text{color:#fff;padding-right:10px;width:35%}.left-promo-title{font-size:2.2rem;font-weight:900;line-height:1.1;margin:0}.left-promo-title .underline-text{border-bottom:5px solid #df4c73;padding-bottom:3px}.promo-center-image{align-items:center;display:flex;justify-content:center;width:30%}.promo-image{height:auto;max-width:250px;object-fit:contain;width:100%}.promo-right-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-left:20px;width:35%}.right-promo-description{color:#4a4a4a;font-size:1.1rem;line-height:1.4;margin-bottom:20px}.promo-button{background-color:#df4c73;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 25px;transition:transform .2s,box-shadow .3s;width:auto}.pink-text{color:#df4c73}.reveal{opacity:0;transform:translateY(60px) scale(.95);transition:opacity .8s ease-out,transform .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.reveal:first-child{transition-delay:.05s}.reveal:nth-child(2){transition-delay:.15s}.reveal:nth-child(3){transition-delay:.25s}.reveal:nth-child(4){transition-delay:.35s}@media (prefers-reduced-motion:no-preference){.reveal{transition-property:opacity,transform}}@media (max-width:900px){.personality-promo-section{flex-direction:column;padding:40px 20px;text-align:center}.promo-center-image,.promo-left-text,.promo-right-content{align-items:center;padding:10px 0;width:100%}.promo-center-image{order:-1}.left-promo-title{font-size:1.8rem}.promo-right-content{align-items:center}.promo-button{width:80%}.card-section,.card-section.image-first,.card-section.text-first{flex-direction:column;text-align:center}.card-image-container,.card-text{padding:0;width:100%}.card-text{padding-top:20px}.card-image-container{order:-1}.navbar{top:20px}}.page-wrapper{align-items:center;background-color:#f8fafc;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px}.quiz-setup-card{animation:fadeIn .4s ease-out;background:#fff;border:1px solid #e2f0f9;border-radius:20px;box-shadow:0 10px 40px #2a36441a;max-width:500px;padding:40px;text-align:center;width:100%}.quiz-title{color:#2a3644;font-weight:700;margin-bottom:25px}.input-label{color:#2a3644;font-weight:600;margin-bottom:8px;text-align:left}.role-input-field{border:2px solid #e2f0f9;border-radius:12px;font-size:1rem;margin-bottom:20px;outline:none;padding:14px;width:100%}.role-input-field:focus{border-color:#b0dde4}.quiz-generate-btn{background-color:#2a3644;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:16px;transition:transform .2s;width:100%}.quiz-generate-btn:hover{background-color:#3d4f63;transform:translateY(-2px)}.quiz-active-container{animation:fadeIn .5s ease-out;max-width:750px;width:100%}.quiz-card{background:#fff;border:1px solid #e2f0f9;border-radius:16px;box-shadow:0 4px 12px #00000008;margin-bottom:20px;padding:25px}.quiz-question{color:#2a3644;font-size:1.1rem;font-weight:700;margin-bottom:15px}.quiz-option{background:#fff;border:2px solid #e2f0f9;border-radius:10px;color:#2a3644;cursor:pointer;margin:6px 0;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.quiz-option:hover:not(.disabled){background:#e2f0f9}.quiz-option.selected{background:#2a3644;border-color:#2a3644;color:#fff}.quiz-option.correct{background:#d4edda;border-color:#c3e6cb;color:#155724}.quiz-option.incorrect{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.quiz-next-btn,.quiz-submit-btn{background-color:#b0dde4;border:none;border-radius:12px;color:#2a3644;cursor:pointer;font-weight:700;padding:18px;width:100%}.change-btn{background:#2a3644;border:none;color:#fff;cursor:pointer;font-weight:600;margin-bottom:15px}.change-btn:hover{background:#b0dde4;box-shadow:none}.settings-container{animation:fadeIn 1s ease-in-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 10px 40px #0000004d;color:#fff;margin:50px auto 40px;max-width:95%;padding:40px 30px;width:750px}.settings-header{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;width:100%}.settings-title{color:#fff;font-size:1.8rem;margin:0;text-align:center;text-shadow:0 6px 18px #00000059}.xp-wrapper{display:flex;justify-content:center;max-width:650px;width:100%}.settings-form{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:100%;width:640px}.settings-form label{color:#ffffffeb;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:8px}.settings-form input,.settings-form select{-webkit-appearance:none;appearance:none;background:#0000000f;border:1px solid #ffffff0f;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1rem;outline:none;padding:12px 14px;position:relative;transition:box-shadow .18s ease,background-color .18s ease;width:100%;z-index:2}.settings-form select{z-index:9999}.settings-form option{color:#000}.settings-form input:focus,.settings-form select:focus{background:#ffffff0a;box-shadow:0 6px 22px #185a9d14;transform:none;z-index:9999}.form-actions{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-top:6px}.settings-save-btn{background:violet;border:none;border-radius:12px;box-shadow:0 10px 30px #185a9d1f;color:#fff;cursor:pointer;font-weight:700;padding:12px 18px}.settings-save-btn:disabled{cursor:default;opacity:.7}.settings-message{color:#b8ffd7;font-weight:600;padding-left:6px}@media (max-width:720px){.settings-container{padding:25px 18px;width:96%}.settings-form{width:100%}}.xp-container{animation:fadeIn .8s ease-in-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;margin:20px 0;padding:25px 20px;position:relative;text-align:center;width:100%}.xp-bar{background:#ffffff26;height:20px;margin:10px 0;overflow:hidden;width:100%}.xp-bar,.xp-fill{border-radius:12px}.xp-fill{background:violet;height:100%;transition:width .5s ease}.xp-number{font-size:1.2rem;font-weight:700;text-shadow:0 0 6px #fff9}.confetti{animation:confettiDrop 1s ease-in-out;font-size:2rem;left:50%;position:absolute;top:-10px;transform:translateX(-50%)}@keyframes confettiDrop{0%{opacity:0;transform:translate(-50%,-50px)}50%{opacity:1;transform:translate(-50%,20px)}to{opacity:0;transform:translate(-50%,-10px)}}.journal-container{animation:fadeIn 1s ease-in-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#e2f0f9;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 10px 40px #0000004d;color:#4a4a4a;margin:40px auto;max-width:95%;padding:40px 30px;text-align:center;width:900px}.header-container{align-items:center;display:flex;justify-content:space-between;margin:20px;width:100%}.journal-title{flex-grow:1;font-size:2.2rem;margin:20px;text-align:center;text-shadow:0 0 10px #ffffffb3}.jback-btn{border:2px solid #4a4a4a;border-radius:8px;color:#4a4a4a;font-weight:500;padding:8px 16px;text-decoration:none;transition:background .3s;white-space:nowrap}.jback-btn:hover,.jnav-link-btn:hover{background:#4a4a4a;color:#e2f0f9}.journal-textarea{background-size:cover;border:1px solid #fff3;border-radius:16px;color:#4a4a4a;font-size:1rem;height:300px;margin:20px;outline:none;padding:16px;resize:vertical;transition:background .3s,transform .2s,box-shadow .3s;width:90%}.journal-textarea::placeholder{color:#4a4a4a}.journal-textarea:focus{box-shadow:0 0 12px #fff6;transform:scale(1.01)}.journal-save-btn{background:#4a4a4a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:30px;padding:14px;transition:transform .2s,box-shadow .3s;width:90%}.journal-save-btn:hover{transform:translateY(-2px)}.recent-entries-title{border-bottom:1px solid #fff3;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;text-align:left}.journal-entries{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding-right:10px}.journal-entry{align-items:center;background:#fff;border-radius:16px;display:flex;justify-content:space-between;padding:20px;text-align:left;transition:transform .2s,box-shadow .3s}.journal-entry:hover{box-shadow:0 0 15px #ffffff4d;transform:translateY(-3px)}.entry-content{flex-grow:1}.journal-entry-text{color:#4a4a4a;font-size:1rem;line-height:1.5;margin:0 0 6px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.journal-entry-date{color:#4a4a4a;font-size:.8rem;margin-top:8px;text-shadow:0 0 4px #fff6}.delete-btn{background:#4a4a4a;border:1px solid #ff525280;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2rem;height:40px;margin-left:20px;transition:background .3s,transform .2s;width:40px}.delete-btn:hover{background:#ff525299;transform:scale(1.1)}.journal-no-entries{color:#f0f0f0;font-weight:500;padding:20px;text-align:center}.selected-mood-header{align-items:center;display:flex;gap:12px;justify-content:center;margin:8px 0 18px}.selected-mood-emoji{background:#ffffff0f;border-radius:10px;font-size:2.2rem;padding:8px 12px}.selected-mood-text{color:#4a4a4a;font-size:1.1rem;font-weight:700;text-shadow:0 0 6px #ffffff1f}.mood-selector{background:#ffffff1a;border-radius:15px;justify-content:space-around;margin:0 auto 25px;padding:12px;width:90%}.mood-btn,.mood-selector{align-items:center;display:flex}.mood-btn{background:#0000;border:none;border-radius:10px;color:#4a4a4a;cursor:pointer;flex-direction:column;gap:4px;min-width:64px;padding:8px;transition:transform .12s ease,background-color .18s ease,box-shadow .18s}.mood-btn .mood-emoji{font-size:1.9rem}.mood-btn .mood-desc{font-size:.85rem;opacity:.95}.mood-btn:hover{background-color:#ffffff0a;transform:translateY(-4px)}.mood-btn.selected{background:#ffffff26;box-shadow:0 6px 18px #00000059;transform:scale(1.08)}.entry-mood-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.entry-mood-emoji{font-size:1.4rem}.entry-mood-text{color:#fff;font-weight:600;opacity:.95}.view-all-container{align-items:center;display:flex;justify-content:space-evenly}.back-container,.view-all-container{border-top:1px solid #fff3;margin-top:30px;padding-top:20px}.arrow-btn{background:#ffffff26;border-radius:10px;font-weight:600;padding:15px;transition:background .3s,transform .2s}.arrow-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:800px){.journal-container{padding:25px 20px;width:95%}.journal-title{font-size:1.8rem}.selected-mood-emoji{font-size:1.6rem;padding:6px 8px}.mood-btn .mood-emoji{font-size:1.6rem}.journal-textarea{height:220px}}.mock-container{background-attachment:fixed;background-image:url(/static/media/snow1.6911650771ecbbd6e9c4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:40px 20px}.mock-container,.mock-split{align-items:center;display:flex}.mock-split{gap:40px;max-width:1200px;perspective:1000px;width:95%}.penguin-canvas{align-items:center;display:flex;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2));flex:1 1;height:600px;justify-content:center}.interview-ui{animation:fadeIn .8s ease-out;backdrop-filter:blur(15px) saturate(160%);-webkit-backdrop-filter:blur(15px) saturate(160%);background:#ffffffbf;border:1px solid #fff6;border-radius:30px;box-shadow:0 25px 50px -12px #286fb433;color:#000;flex:1.4 1;padding:40px}.interview-ui h2{align-items:center;color:#000;display:flex;font-size:2rem;gap:15px;justify-content:center;margin-bottom:20px}.question-text{background:#b0dde44d;border-left:5px solid #286fb4;border-radius:15px;color:#1a4d80;font-size:1.25rem;font-weight:600;line-height:1.5;margin:20px 0;padding:20px}.role-input{display:flex;flex-direction:column;gap:15px}.role-input input{background:#fff;border:2px solid #b0dde4;border-radius:12px;color:#000;font-size:1.1rem;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.role-input input:focus{border-color:#000;box-shadow:0 0 0 4px #286fb41a}.nextbtn,.start-btn{background-color:#b0dde4;border:2px solid #000;border-radius:12px;box-shadow:0 10px 15px -3px #286fb44d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px 28px;transition:all .3s ease}.nextbtn:hover,.start-btn:hover{background-color:#b0dde4;color:#000}.stop-btn{background-color:#df4c73;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.mic-listening{align-items:center;color:#df4c73;display:flex;font-weight:600;gap:10px;margin-bottom:15px}.user-answer-display{background:#ffffff80;border:1px dashed #b0dde4;border-radius:12px;margin:15px 0;padding:15px}.user-answer-label{color:#52525b;font-size:.8rem;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.final-summary{margin-top:15px;max-height:450px;overflow-y:auto;padding-right:10px}.final-summary::-webkit-scrollbar{width:8px}.final-summary::-webkit-scrollbar-track{background:#ffffff4d;border-radius:10px}.final-summary::-webkit-scrollbar-thumb{background:#b0dde4;border-radius:10px}.final-summary::-webkit-scrollbar-thumb:hover{background:#286fb4}.results-table{background:#fff;border-collapse:collapse;border-radius:12px;margin-bottom:20px;width:100%}.results-table th{background:#b0dde4;color:#fff;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.results-table td{border-bottom:1px solid #e2f0f9;padding:12px}.cell-question{color:#52525b;font-style:italic}.cell-total{color:#df4c73;font-size:1.1rem}@media (max-width:900px){.mock-split{flex-direction:column;text-align:center}.penguin-canvas{height:300px}.interview-ui{padding:25px;width:100%}}.lofi-page-container{background-color:#1a1a2e;height:100vh;position:relative;width:100vw}.lofi-3d-canvas{z-index:1}.lofi-3d-canvas,.ui-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.ui-overlay{pointer-events:none;z-index:10}.lofi-player{background:#2d3250cc;border-radius:15px;bottom:20px;box-shadow:0 4px 15px #0006;color:#fff;left:50%;padding:15px 25px;text-align:center;transform:translateX(-50%)}.arrow-back,.lofi-player{pointer-events:auto;position:absolute}.arrow-back{left:20px;top:20px;z-index:11}.arrow-btn{background:#2d3250b3;border-radius:50%;color:#fff;display:inline-block;font-size:24px;padding:5px 15px;text-decoration:none}.player-controls{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.player-controls button{background-color:#6a6a93;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin:0 8px;padding:10px 15px}.resume-container{animation:fadeIn 1s ease-in-out;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#286fb4;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 10px 40px #0000004d;color:#fff;margin:50px auto;max-width:800px;padding:40px 30px;text-align:center}.resume-title{font-size:2.2rem;margin-bottom:20px;text-shadow:0 0 10px #fff9}.mode-toggle{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.mode-toggle button{background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s,transform .2s}.mode-toggle button.active{background:#fff;color:#286fb4}.mode-toggle button:hover{transform:translateY(-2px)}.dropzone{background:#ffffff1a;border:2px dashed #fff6;border-radius:15px;color:#fff;font-weight:500;margin-bottom:25px;padding:50px 20px;transition:background .3s,transform .2s}.dropzone.active{background:#ffffff40;transform:scale(1.02)}.resume-textarea{background:#ffffff1f;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;height:220px;margin-bottom:20px;padding:12px;resize:vertical;transition:background .3s,box-shadow .3s,transform .2s;width:100%}.resume-textarea::placeholder{color:#ffffffb3}.resume-textarea:focus{background:#ffffff38;box-shadow:0 0 12px #ffffff4d;transform:scale(1.01)}.file-info{color:#afa;font-weight:700;margin-top:10px}.remove-btn{background:#fff;border:none;border-radius:10px;color:#286fb4;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background .3s,transform .2s}.role-input{background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;margin-bottom:20px;padding:12px;transition:background .3s,box-shadow .3s;width:100%}.role-input::placeholder{color:#ffffffb3}.role-input:focus{background:#ffffff40;box-shadow:0 0 8px #ffffff4d}.analyze-btn{background:#fff;border:none;border-radius:12px;color:#286fb4;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:transform .2s,box-shadow .3s;width:100%}.analyze-btn:hover{box-shadow:0 0 20px #64b5f699;transform:translateY(-2px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.6}.feedback-box{background:#0000004d;border:1px solid #ffffff40;border-radius:12px;color:#fff;font-size:.95rem;line-height:1.6;margin-top:25px;padding:18px;text-align:left;white-space:pre-wrap}.feedback-box.error{background:#ff525233;border-color:#ff525280}.feedback-box.success{background:#2196f333;border-color:#2196f366}.text-success{color:#8f8}.text-success-strong{color:#4caf50}.bg-success-light{background-color:#4caf5033}.text-error-strong{color:#ff5252}.bg-error-light{background-color:#ff525233}.text-warning-strong{color:#ffc107}.text-gray-normal{color:#ffffffd9}.structured-report-container{display:flex;flex-direction:column;gap:15px;margin-top:30px;text-align:left}.overall-score-card{align-items:center;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:30px}.score-label{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px}.issue-count{color:#ffffffb3;font-size:1rem;margin-top:15px}.icon-success{color:#8f8}.icon-error{color:#ff5252}.section-accordion-item-style{border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:15px;overflow:hidden;transition:box-shadow .3s}.accordion-header-style{align-items:center;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:15px 20px;text-align:left;transition:background .3s;width:100%}.section-title-wrapper{align-items:center;display:flex;gap:15px}.issue-badge-style{border-radius:8px;font-size:.8rem;font-weight:700;padding:4px 10px}.section-rating-wrapper{align-items:center;display:flex;gap:10px}.section-rating-percentage-style{font-size:1.4rem;font-weight:800}.chevron-icon{color:#ffffffb3;transition:transform .3s}.chevron-icon.is-open{transform:rotate(180deg)}.accordion-content-inner{background:#0003;border-top:1px solid #ffffff1a;padding:10px 0}.subsection-row-wrapper{border-bottom:1px solid #ffffff14;display:flex;flex-direction:column}.subsection-toggle-line{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between;padding:12px 20px;text-align:left;transition:background .2s;width:100%}.subsection-toggle-line.is-clickable:hover{background:#ffffff0d;cursor:pointer}.subsection-toggle-line.not-clickable{cursor:default;opacity:.8}.status-title-group{align-items:center;display:flex;font-size:1rem;font-weight:500;gap:10px}.status-chevron-group{align-items:center;display:flex;gap:5px}.status-label{font-size:.9rem;font-weight:700}.subsection-finding-content{max-height:500px;overflow:hidden;padding:0 20px 15px;transition:max-height .5s ease-in-out}.correction-details-box,.detail-box-plain{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;font-size:.9rem;line-height:1.4;margin-top:8px;padding:10px 15px}.original-mistake,.suggested-correction{display:block;padding:3px 0}.strikethrough-red{color:#ff5252;margin-left:5px;text-decoration:line-through}.text-success{color:#8f8!important}.label-correction,.label-original{color:#ffffffe6;font-weight:700;margin-right:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.resume-container{padding:25px 20px;width:90%}.resume-title{font-size:1.8rem}.resume-textarea{height:180px}}.pquiz-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.pquiz-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ae6;border-radius:20px;box-shadow:0 18px 40px #00000073;color:#f9fafb;max-width:650px;padding:32px 40px;width:90%}.pquiz-card h2{font-size:1.9rem;margin-bottom:8px}.pquiz-card p{color:#e5e7eb;margin:4px 0}.pquiz-card h3{margin-bottom:14px;margin-top:18px}.pquiz-options{display:flex;flex-direction:column;gap:10px;margin-top:8px}.pquiz-options button{background:#0f172ab3;border:1px solid #94a3b899;border-radius:999px;color:#f9fafb;cursor:pointer;padding:10px 14px;text-align:left;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.pquiz-options button:hover{background:#38bdf826;box-shadow:0 8px 18px #38bdf859;transform:translateY(-1px)}.pquiz-result-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.pquiz-result-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#3b82f633,#ec48992e),#0f172aeb;border-radius:24px;box-shadow:0 22px 50px #0009;color:#f9fafb;max-width:650px;padding:32px 40px;text-align:center;width:90%}.pquiz-result-icon{font-size:3.2rem;margin-bottom:10px}.pquiz-result-card h2{font-size:2rem;margin-bottom:10px}.pquiz-result-card p{color:#e5e7eb;margin:6px 0}.pquiz-result-card a{background:#0f172acc;border:1px solid #38bdf8b3;border-radius:999px;color:#38bdf8;display:inline-block;font-weight:600;margin-top:18px;padding:10px 18px;text-decoration:none;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.pquiz-result-card a:hover{background:#38bdf829;box-shadow:0 10px 24px #38bdf866;transform:translateY(-1px)}
/*# sourceMappingURL=main.f0e0cc50.css.map*/