/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-outline-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-full{top:100%}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t-\[6px\]{border-top-style:var(--tw-border-style);border-top-width:6px}.border-r-\[6px\]{border-right-style:var(--tw-border-style);border-right-width:6px}.border-l-\[6px\]{border-left-style:var(--tw-border-style);border-left-width:6px}.border-\[\#582C83\]{border-color:#582c83}.border-t-transparent{border-top-color:#0000}.border-r-transparent{border-right-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#582C83\]{background-color:#582c83}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#582C83\]{--tw-gradient-from:#582c83;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#4C1D95\]{--tw-gradient-to:#4c1d95;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#582C83\]{--tw-gradient-to:#582c83;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-\[\#582C83\]{color:#582c83}.text-\[\#FFFFFF\]{color:#fff}.text-transparent{color:#0000}.opacity-50{opacity:.5}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-\[\#4C1D95\]:hover{background-color:#4c1d95}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#582C83\]:focus{--tw-ring-color:#582c83}.logo-container{z-index:50!important;width:96px!important;height:96px!important;padding:8px!important;position:absolute!important;top:16px!important;left:16px!important}.powered-by-text{font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-weight:700!important}.powered-by-container{margin-top:6px!important;margin-bottom:6px!important}.quiz-page-container .quiz-top-aligned{justify-content:center!important;align-items:flex-start!important;height:auto!important;min-height:100vh!important;max-height:100vh!important;padding-top:75px!important;padding-bottom:20px!important;display:flex!important;overflow-y:auto!important}@media (max-height:900px){.quiz-page-container .quiz-top-aligned{padding-top:67px!important}}@media (max-height:700px){.quiz-page-container .quiz-top-aligned{padding-top:59px!important}}@media (max-height:600px){.quiz-page-container .quiz-top-aligned{padding-top:49px!important}}.welcome-top-aligned{justify-content:center!important;align-items:flex-start!important;height:100vh!important;min-height:100vh!important;padding-top:39px!important;display:flex!important}@media (max-height:900px){.welcome-top-aligned{padding-top:35px!important}}@media (max-height:700px){.welcome-top-aligned{padding-top:27px!important}.welcome-top-aligned .card.max-w-4xl{padding:20px!important}.welcome-top-aligned .text-5xl{font-size:2rem!important}.welcome-top-aligned .text-xl{font-size:1rem!important}}@media (max-height:600px){.welcome-top-aligned{padding-top:17px!important}.welcome-top-aligned .card.max-w-4xl{padding:16px!important}.welcome-top-aligned .text-5xl{font-size:1.75rem!important}.welcome-top-aligned .text-xl{font-size:.9rem!important}.welcome-top-aligned .mb-16{margin-bottom:20px!important}.welcome-top-aligned .mb-12{margin-bottom:16px!important}}.career-selection-top-aligned{justify-content:center!important;align-items:flex-start!important;min-height:100vh!important;padding-top:75px!important;padding-bottom:20px!important;display:flex!important}.career-selection-top-aligned .career-grid .option-btn{height:80px!important;min-height:80px!important;max-height:80px!important}.career-selection-top-aligned .career-grid .option-btn:last-child{grid-column:2!important}.career-selection-top-aligned .career-grid>div{height:80px!important;min-height:80px!important;max-height:80px!important}@media (max-height:900px){.career-selection-top-aligned .career-grid .option-btn,.career-selection-top-aligned .career-grid>div{height:70px!important;min-height:70px!important;max-height:70px!important}}@media (max-height:800px){.career-selection-top-aligned .career-grid .option-btn,.career-selection-top-aligned .career-grid>div{height:60px!important;min-height:60px!important;max-height:60px!important}}@media (max-height:700px){.career-selection-top-aligned{padding-bottom:8px!important}.career-selection-top-aligned .card.max-w-4xl{margin:3px!important;padding:10px!important}.career-selection-top-aligned .career-grid .option-btn{height:50px!important;min-height:50px!important;max-height:50px!important;font-size:11px!important}.career-selection-top-aligned .career-grid>div{height:50px!important;min-height:50px!important;max-height:50px!important}}@media (max-height:600px){.career-selection-top-aligned{padding-bottom:4px!important}.career-selection-top-aligned .card.max-w-4xl{margin:2px!important;padding:8px!important}.career-selection-top-aligned .card.max-w-4xl .text-center.mb-4,.career-selection-top-aligned .card.max-w-4xl .mb-6,.career-selection-top-aligned .career-selection-container .mb-6{margin-bottom:2px!important}.career-selection-top-aligned .card.max-w-4xl .gap-2,.career-selection-top-aligned .career-selection-container .gap-2,.career-selection-top-aligned .career-grid{gap:1px!important}.career-selection-top-aligned .career-grid .option-btn{height:40px!important;min-height:40px!important;max-height:40px!important;font-size:10px!important}.career-selection-top-aligned .career-grid .option-btn:last-child{grid-column:2!important}.career-selection-top-aligned .career-grid>div{height:40px!important;min-height:40px!important;max-height:40px!important}}@media (max-height:500px){.career-selection-top-aligned{padding-bottom:2px!important}.career-selection-top-aligned .card.max-w-4xl{margin:1px!important;padding:4px!important}.career-selection-top-aligned .career-grid .option-btn{height:35px!important;min-height:35px!important;max-height:35px!important;font-size:9px!important}.career-selection-top-aligned .career-grid .option-btn:last-child{grid-column:2!important}.career-selection-top-aligned .career-grid>div{height:35px!important;min-height:35px!important;max-height:35px!important}}.career-wheel-page-container .motion-div,.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div,.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div:last-child,.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div[style*=paddingTop]{padding-top:3px!important}@media (min-width:769px){.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div,.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div:last-child,.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div[style*=paddingTop]{padding-top:3px!important}}@media (min-width:1024px){.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div{padding-top:3px!important}}@media (min-width:1280px){.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div{padding-top:3px!important}}.career-wheel-page-container .bg-white.rounded-lg.p-8.shadow-xl.max-w-2xl.mx-auto .text-center .text-4xl,.career-wheel-page-container .bg-white.rounded-lg.p-8.shadow-xl.max-w-2xl.mx-auto .text-center .text-4xl.font-bold{padding-top:3px!important;padding-bottom:3px!important;font-weight:700!important}@media (max-width:768px){.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div{padding-top:3px!important}}@media (max-width:480px){.career-wheel-page-container .flex.flex-col.space-y-16>.motion-div{padding-top:3px!important}}@media (max-width:768px){.career-wheel-top-aligned{padding-top:52px!important;padding-bottom:8px!important}.career-wheel-top-aligned .text-center{margin:4px!important;padding:12px!important}.career-wheel-top-aligned .text-center .mb-8,.career-wheel-top-aligned .text-center .mb-12{margin-bottom:4px!important}.career-wheel-top-aligned .text-center .space-y-16>*+*{margin-top:8px!important}}@media (max-width:480px){.career-wheel-top-aligned{padding-top:52px!important;padding-bottom:6px!important}.career-wheel-top-aligned .text-center{margin:2px!important;padding:8px!important}.career-wheel-top-aligned .text-center .mb-8,.career-wheel-top-aligned .text-center .mb-12{margin-bottom:2px!important}.career-wheel-top-aligned .text-center .space-y-16>*+*{margin-top:4px!important}}@media (max-width:768px){.profile-picture-top-aligned{padding-top:52px!important;padding-bottom:8px!important}.profile-picture-top-aligned .profile-picture-container{margin:4px!important;padding:12px!important}.profile-picture-top-aligned .profile-picture-container .text-center.mb-8,.profile-picture-top-aligned .profile-picture-container .mb-8{margin-bottom:4px!important}.profile-picture-top-aligned .profile-picture-container .mt-8{margin-top:4px!important}.profile-picture-top-aligned .profile-picture-container .gap-4{gap:2px!important}}@media (max-width:480px){.profile-picture-top-aligned{padding-top:52px!important;padding-bottom:6px!important}.profile-picture-top-aligned .profile-picture-container{margin:2px!important;padding:8px!important}.profile-picture-top-aligned .profile-picture-container .text-center.mb-8,.profile-picture-top-aligned .profile-picture-container .mb-8{margin-bottom:2px!important}.profile-picture-top-aligned .profile-picture-container .mt-8{margin-top:2px!important}.profile-picture-top-aligned .profile-picture-container .gap-4{gap:1px!important}}@media (max-width:768px){.career-selection-top-aligned{padding-top:52px!important;padding-bottom:8px!important}.career-selection-top-aligned .card.max-w-4xl{margin:4px!important;padding:12px!important}.career-selection-top-aligned .card.max-w-4xl .text-center.mb-4,.career-selection-top-aligned .card.max-w-4xl .mb-6,.career-selection-top-aligned .career-selection-container .mb-6,.career-selection-top-aligned .card.max-w-4xl .text-center.mb-8,.career-selection-top-aligned .card.max-w-4xl .mb-12{margin-bottom:4px!important}.career-selection-top-aligned .card.max-w-4xl .gap-8{gap:8px!important}.career-selection-top-aligned .card.max-w-4xl .gap-4{gap:4px!important}.career-selection-top-aligned .card.max-w-4xl .gap-2,.career-selection-top-aligned .career-selection-container .gap-2{gap:2px!important}.career-selection-top-aligned .career-grid{gap:1px!important}.career-selection-top-aligned .career-grid .option-btn,.career-selection-top-aligned .career-grid>div{height:50px!important;min-height:50px!important;max-height:50px!important}}@media (max-width:768px) and (max-height:700px){.career-selection-top-aligned{padding-top:52px!important;padding-bottom:6px!important}.career-selection-top-aligned .career-grid .option-btn{height:45px!important;min-height:45px!important;max-height:45px!important;font-size:10px!important}.career-selection-top-aligned .career-grid>div{height:45px!important;min-height:45px!important;max-height:45px!important}}@media (max-width:480px) and (max-height:600px){.career-selection-top-aligned{padding-top:52px!important;padding-bottom:2px!important}.career-selection-top-aligned .card.max-w-4xl{margin:1px!important;padding:6px!important}.career-selection-top-aligned .career-grid .option-btn{height:38px!important;min-height:38px!important;max-height:38px!important;font-size:10px!important}.career-selection-top-aligned .career-grid>div{height:38px!important;min-height:38px!important;max-height:38px!important}}@media (max-width:480px) and (max-height:500px){.career-selection-top-aligned{padding-top:52px!important;padding-bottom:1px!important}.career-selection-top-aligned .career-grid .option-btn{height:32px!important;min-height:32px!important;max-height:32px!important;font-size:9px!important}.career-selection-top-aligned .career-grid>div{height:32px!important;min-height:32px!important;max-height:32px!important}}@media (max-width:768px) and (max-height:700px){.welcome-top-aligned{padding-top:19px!important}.welcome-top-aligned .card.max-w-4xl{padding:16px!important}.welcome-top-aligned .text-5xl{font-size:1.5rem!important}.welcome-top-aligned .mb-16{margin-bottom:16px!important}.welcome-top-aligned .mb-12{margin-bottom:12px!important}}@media (max-width:480px) and (max-height:600px){.welcome-top-aligned{padding-top:9px!important}.welcome-top-aligned .card.max-w-4xl{padding:12px!important}.welcome-top-aligned .text-5xl{font-size:1.25rem!important}.welcome-top-aligned .text-xl{font-size:.85rem!important}.welcome-top-aligned .mb-16{margin-bottom:12px!important}.welcome-top-aligned .mb-12{margin-bottom:8px!important}}@media (max-width:480px){.career-selection-top-aligned{padding-top:52px!important;padding-bottom:6px!important}.career-selection-top-aligned .card.max-w-4xl{margin:2px!important;padding:8px!important}.career-selection-top-aligned .card.max-w-4xl .text-center.mb-4,.career-selection-top-aligned .card.max-w-4xl .mb-6,.career-selection-top-aligned .career-selection-container .mb-6,.career-selection-top-aligned .card.max-w-4xl .text-center.mb-8,.career-selection-top-aligned .card.max-w-4xl .mb-12{margin-bottom:2px!important}.career-selection-top-aligned .card.max-w-4xl .gap-8{gap:4px!important}.career-selection-top-aligned .card.max-w-4xl .gap-4{gap:2px!important}.career-selection-top-aligned .card.max-w-4xl .gap-2,.career-selection-top-aligned .career-selection-container .gap-2,.career-selection-top-aligned .career-grid{gap:1px!important}.career-selection-top-aligned .career-grid .option-btn,.career-selection-top-aligned .career-grid>div{height:45px!important;min-height:45px!important;max-height:45px!important}}.logo-container img{width:auto!important;max-width:none!important;height:48px!important}.welcome-top-aligned .motion-div img[src="/eng-logo.png"]{width:auto!important;height:16px!important}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background:#fff;min-height:100vh;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;flex-direction:column!important;min-height:100vh!important;padding:76px 20px 0!important;display:flex!important;position:relative!important}.results-container{padding:20px!important}.quiz-page-container{width:100%!important;max-width:none!important;height:auto!important;min-height:100vh!important;margin:0!important;padding:75px 0 20px!important;position:relative!important;overflow:hidden auto!important}@media (max-height:900px){.quiz-page-container{padding:67px 0 20px!important}}@media (max-height:700px){.quiz-page-container{padding:59px 0 20px!important}}@media (max-height:600px){.quiz-page-container{padding:49px 0 20px!important}}.career-selection-page-container{width:100%!important;max-width:none!important;height:auto!important;min-height:100vh!important;margin:0!important;padding:75px 0 20px!important;position:relative!important;overflow:hidden auto!important}@media (max-height:900px){.career-selection-top-aligned{padding-top:67px!important}.career-selection-page-container{padding:67px 0 20px!important}}@media (max-height:700px){.career-selection-top-aligned{padding-top:59px!important}.career-selection-page-container{padding:59px 0 20px!important}}@media (max-height:600px){.career-selection-top-aligned{padding-top:49px!important}.career-selection-page-container{padding:49px 0 20px!important}}.min-h-screen{height:calc(100vh - 124px)!important;min-height:calc(100vh - 124px)!important;margin:0!important;padding:0!important}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;text-decoration:none;transition:all .2s;display:inline-flex;font-weight:700!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#582c83 0% 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #582c834d}.btn-secondary{color:#582c83;background:#f8f8f8;border:2px solid #582c83}.btn-secondary:hover{color:#fff;background:#582c83}.btn-primary:disabled,.btn-primary.opacity-50{opacity:.5!important;cursor:not-allowed!important;color:#999!important;background:#f8f8f8!important}.btn-primary:disabled:hover,.btn-primary.opacity-50:hover{color:#999!important;background:#f8f8f8!important;transform:none!important}.btn-secondary:disabled,.btn-secondary.opacity-50{opacity:.5!important;cursor:not-allowed!important;color:#999!important;background:#f8f8f8!important}.btn-secondary:disabled:hover,.btn-secondary.opacity-50:hover{color:#999!important;background:#f8f8f8!important;transform:none!important}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:24px;box-shadow:0 10px 40px #0000001a;margin:0!important}.min-h-screen.flex.items-center.justify-center{justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex;position:relative}.quiz-container{flex-direction:column;max-width:900px;max-height:calc(100vh - 112px);margin:0 auto;padding:32px;display:flex;overflow-y:auto}.career-selection-container{flex-direction:column;max-width:900px;max-height:calc(100vh - 124px);margin:0 auto;padding:8px;display:flex;overflow-y:auto}.career-selection-container>.text-center.mb-4,.career-selection-container .mb-6{margin-bottom:2px!important}.career-selection-container .gap-2{gap:1px!important}.career-selection-container .mt-12{margin-top:4px!important}.quiz-container>.text-center.mb-8.pt-4,.quiz-container .mb-8,.quiz-container .progress-bar,.quiz-container .question-card,.quiz-container .options-grid{margin-bottom:24px!important}.quiz-container .flex.justify-between.mt-8.relative.z-10{margin-top:24px!important}.question-title{color:#000;margin-bottom:24px;font-size:2.2rem;font-weight:700}.options-grid{grid-template-columns:1fr;gap:24px;margin-top:24px;display:grid}.option-btn{border:2px solid #dee2e6;border-radius:16px;padding:20px;font-size:2rem;font-weight:700;transition:all .2s;color:#1a1a1a!important;background:#fff!important}.option-btn:hover{border-color:#582c83;color:#582c83!important;background:#fff!important}.option-btn.selected:not(.career-grid .option-btn){border-color:#582c83;color:#fff!important;background:linear-gradient(135deg,#582c83 0% 100%)!important}.quiz-container-compact{max-height:calc(100vh - 75px)!important;padding:16px 24px 80px!important;overflow:hidden auto!important}.quiz-questions-container{flex-direction:column;display:flex}.quiz-question-compact{margin-bottom:8px!important}.quiz-question-title-compact{margin-bottom:6px!important;font-size:.95rem!important;font-weight:600!important;line-height:1.2!important}.quiz-options-horizontal{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:6px!important;margin-bottom:0!important;display:grid!important}.quiz-option-compact{border-radius:10px!important;padding:8px 14px!important;font-size:.9rem!important}.quiz-progress-bar{height:5px!important;margin-bottom:8px!important}.quiz-submit-compact{padding:8px 20px!important;font-size:.9rem!important}@media (max-height:900px){.quiz-container-compact{max-height:calc(100vh - 67px)!important;padding:12px 20px 70px!important}.quiz-question-title-compact{margin-bottom:5px!important;font-size:.9rem!important}.quiz-option-compact{padding:7px 12px!important;font-size:.85rem!important}.quiz-question-compact{margin-bottom:6px!important}.quiz-progress-bar{height:4px!important;margin-bottom:6px!important}}@media (max-height:700px){.quiz-container-compact{max-height:calc(100vh - 59px)!important;padding:10px 16px 60px!important}.quiz-question-title-compact{margin-bottom:4px!important;font-size:.85rem!important;line-height:1.15!important}.quiz-option-compact{padding:6px 10px!important;font-size:.8rem!important}.quiz-options-horizontal{gap:8px!important}.quiz-question-compact{margin-bottom:4px!important}.quiz-progress-bar{height:4px!important;margin-bottom:5px!important}.quiz-submit-compact{padding:6px 16px!important;font-size:.85rem!important}}@media (max-height:600px){.quiz-container-compact{max-height:calc(100vh - 49px)!important;padding:8px 12px 50px!important}.quiz-question-title-compact{margin-bottom:3px!important;font-size:.75rem!important;line-height:1.1!important}.quiz-option-compact{padding:5px 8px!important;font-size:.75rem!important}.quiz-options-horizontal{gap:6px!important;margin-top:4px!important}.quiz-question-compact{margin-bottom:3px!important}.quiz-progress-bar{height:3px!important;margin-bottom:4px!important}.quiz-submit-compact{padding:5px 12px!important;font-size:.8rem!important}}@media (max-width:768px){.quiz-container-compact{padding:12px 16px 70px!important}.quiz-question-title-compact{margin-bottom:4px!important;font-size:.85rem!important}.quiz-option-compact{padding:6px 10px!important;font-size:.8rem!important}.quiz-options-horizontal{gap:8px!important}.quiz-question-compact{margin-bottom:4px!important}}@media (max-width:480px){.quiz-container-compact{padding:8px 12px 60px!important}.quiz-question-title-compact{margin-bottom:3px!important;font-size:.8rem!important}.quiz-option-compact{padding:5px 8px!important;font-size:.75rem!important}.quiz-options-horizontal{gap:6px!important}.quiz-question-compact{margin-bottom:3px!important}.quiz-progress-bar{height:4px!important;margin-bottom:6px!important}}@media (max-width:768px) and (max-height:700px){.quiz-container-compact{max-height:calc(100vh - 59px)!important;padding:8px 12px 60px!important}.quiz-question-title-compact{margin-bottom:3px!important;font-size:.8rem!important}.quiz-option-compact{padding:5px 8px!important;font-size:.75rem!important}.quiz-question-compact{margin-bottom:3px!important}}@media (max-width:480px) and (max-height:600px){.quiz-container-compact{max-height:calc(100vh - 49px)!important;padding:6px 10px 50px!important}.quiz-question-title-compact{margin-bottom:2px!important;font-size:.7rem!important}.quiz-option-compact{padding:4px 6px!important;font-size:.7rem!important}.quiz-options-horizontal{gap:5px!important;margin-top:3px!important}.quiz-question-compact{margin-bottom:2px!important}.quiz-progress-bar{height:3px!important;margin-bottom:3px!important}.quiz-submit-compact{padding:4px 10px!important;font-size:.75rem!important}}@media (max-width:768px) and (orientation:landscape) and (max-height:500px){.quiz-container-compact{max-height:calc(100vh - 45px)!important;padding:6px 10px 50px!important}.quiz-question-title-compact{margin-bottom:2px!important;font-size:.7rem!important}.quiz-option-compact{padding:4px 8px!important;font-size:.7rem!important}.quiz-options-horizontal{gap:6px!important;margin-top:3px!important}.quiz-question-compact{margin-bottom:2px!important}}@media (max-width:768px){.quiz-container{max-width:100vw;padding:24px 8px}.career-selection-container{max-width:100vw;padding:4px 8px}.career-selection-container>.text-center.mb-4,.career-selection-container .mb-6{margin-bottom:1px!important}.career-selection-container .gap-2{gap:1px!important}.career-selection-container .mt-12{margin-top:2px!important}.question-title{margin-bottom:24px;font-size:1.5rem}.option-btn{border-radius:12px;padding:18px;font-size:24px}.options-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.quiz-container>.text-center.mb-8.pt-4,.quiz-container .mb-8,.quiz-container .progress-bar,.quiz-container .question-card,.quiz-container .options-grid{margin-bottom:18px!important}.quiz-container .flex.justify-between.mt-8.relative.z-10{margin-top:24px!important}}@media (max-width:480px){.quiz-container{max-width:100vw;padding:12px 2vw}.career-selection-container{max-width:100vw;padding:2px 2vw}.career-selection-container>.text-center.mb-4,.career-selection-container .mb-6{margin-bottom:0!important}.career-selection-container .gap-2{gap:0!important}.career-selection-container .mt-12{margin-top:1px!important}.question-title{margin-bottom:16px;font-size:1.1rem}.option-btn{border-radius:10px;padding:12px;font-size:20px}.options-grid{grid-template-columns:1fr;gap:10px;margin-top:12px}.quiz-container>.text-center.mb-8.pt-4,.quiz-container .mb-8,.quiz-container .progress-bar,.quiz-container .question-card,.quiz-container .options-grid{margin-bottom:18px!important}.quiz-container .flex.justify-between.mt-8.relative.z-10{margin-top:24px!important}}@media (max-width:360px){.quiz-container{padding:4px 1vw}.career-selection-container{padding:1px 1vw}.career-selection-container>.text-center.mb-4,.career-selection-container .mb-6{margin-bottom:0!important}.career-selection-container .gap-2{gap:0!important}.career-selection-container .mt-12{margin-top:0!important}.question-title{font-size:.95rem}.option-btn{padding:8px;font-size:18px}.quiz-container>.text-center.mb-8.pt-4,.quiz-container .mb-8,.quiz-container .progress-bar,.quiz-container .question-card,.quiz-container .options-grid{margin-bottom:18px!important}.quiz-container .flex.justify-between.mt-8.relative.z-10{margin-top:24px!important}}.progress-bar{background:#e9ecef;border-radius:4px;width:100%;height:8px;margin-bottom:32px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#582c83 0% 100%);height:100%;transition:width .3s}.result-card{max-height:100vh!important;margin-top:0!important;margin-bottom:0!important;overflow-y:auto!important}.result-card .text-center.mb-12{z-index:1;position:relative}.result-card .flex.justify-center.mb-4{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.career-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#582c83 0%,#4c1d95 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:28px;font-weight:700}.career-description{color:#495057;margin-bottom:24px;font-size:16px;line-height:1.5}.profile-picture-section{max-width:100%;margin:0 auto;position:relative}.profile-picture-section.camera-active{width:100%;max-width:800px;margin:0 auto}.upload-area{text-align:center;cursor:pointer;background:#fff;border:2px dashed #582c83;border-radius:12px;padding:40px;transition:all .2s}.upload-area:hover{background:#f8f9fa;border-color:#4c1d95}.mirrored-video{transform:scaleX(-1)}.camera-section{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.video-container{aspect-ratio:1;background:#000;border-radius:12px;width:100%;max-width:min(100vw - 48px,600px);margin:0 auto;position:relative;overflow:hidden}.video-container video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.camera-button-overlay{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px;left:0;right:0}.silhouette-guide-overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.silhouette-outline{aspect-ratio:1;box-sizing:border-box;border:2px dashed #fffc;border-radius:50%;width:min(60%,240px);position:relative}.silhouette-outline:before{content:"";border:2px solid #fff6;border-radius:50%;animation:2s infinite pulse;position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.camera-capture-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:72px;height:72px;padding:4px;transition:all .2s}.camera-btn-inner{background:#fff;border-radius:50%;width:100%;height:100%;transition:all .2s}.generated-image{border-radius:12px;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.loading{color:#582c83;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.spinner{border:2px solid #e9ecef;border-top-color:#582c83;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@media (max-width:768px){.profile-image-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.profile-image-fallback{background:linear-gradient(135deg,#582c83,#4c1d95);justify-content:center;align-items:center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingProgress{0%{width:0%}to{width:100%}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.generating-text{text-align:center;min-width:120px;display:inline-block}.generating-text:after{content:"";text-align:left;width:20px;animation:1.5s infinite dots;display:inline-block}.preview-container{aspect-ratio:1;border-radius:12px;width:100%;max-width:min(100vw - 48px,600px);margin:0 auto;position:relative;overflow:hidden}.preview-image{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:100%}.preview-remove-btn{cursor:pointer!important;z-index:30!important;background:#fff!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:12px!important;right:12px!important;box-shadow:0 2px 8px #00000026!important}.preview-remove-btn:hover{background:#f3f4f6!important;transform:scale(1.05)!important}.preview-remove-btn:active{transform:scale(.95)!important}@media (max-width:768px){.silhouette-outline{width:min(55%,200px)}}@media (max-width:480px){.silhouette-outline{width:min(50%,180px)}.preview-remove-btn{width:28px!important;height:28px!important;top:8px!important;right:8px!important}}@media (max-width:360px){.silhouette-outline{width:min(45%,160px)}.preview-remove-btn{width:24px!important;height:24px!important;top:6px!important;right:6px!important}}@media (max-width:768px) and (orientation:landscape){.silhouette-outline{width:min(40%,160px)}}.career-grid{gap:12px!important;width:100%!important;margin:5px auto 0!important;display:grid!important}.career-selection-container .option-btn.showing-description{z-index:100!important;margin-bottom:120px!important;position:relative!important;transform:translateY(0)!important;box-shadow:0 4px 20px #0000004d!important}.career-grid.has-expanded-descriptions>div{margin-bottom:120px!important}.career-grid.has-expanded-descriptions>div:has(.showing-description){margin-bottom:140px!important}@media (max-width:1024px){.career-grid{grid-template-columns:1fr!important;grid-auto-rows:minmax(80px,auto)!important;max-width:100%!important;padding:0 16px!important}.career-grid .option-btn{height:auto!important;min-height:80px!important;font-size:28px!important}}@media (min-width:1025px){.career-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(80px,auto)!important;max-width:600px!important}.career-grid .option-btn:last-child,.career-grid>div:last-child{grid-column:2!important}}.career-grid .option-btn{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:80px!important;padding:0!important;display:flex!important}.career-grid>div{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:80px!important;margin:0!important;padding:0!important}.career-grid>div:has(.showing-description){height:auto!important}.career-selection-container .career-grid>div{box-sizing:border-box!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:80px!important;margin:0!important;padding:0!important;display:flex!important}.career-selection-container .career-grid .option-btn{flex:1!important;height:80px!important;margin-right:8px!important}.info-icon{color:#fff!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;background-color:#9ca3af!important;border:none!important;border-radius:50%!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;font-size:12px!important;font-weight:700!important;transition:background-color .2s!important;display:flex!important}.info-icon:hover{background-color:#6b7280!important}.career-selection-container .option-btn.showing-description{color:#fff!important;background-color:#6b7280!important;border-color:#6b7280!important;height:auto!important;min-height:80px!important;max-height:none!important;padding:12px!important;overflow:visible!important}.career-selection-container .option-btn.showing-description:hover{background-color:#6b7280!important;border-color:#6b7280!important;transform:none!important}.career-selection-container .option-btn.showing-description span{color:#fff!important;white-space:normal!important;word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;text-align:left!important;font-size:20px!important;line-height:1.4!important;display:block!important}.result-card .career-grid{grid-template-columns:repeat(3,1fr)!important;justify-content:center!important;max-width:none!important;display:grid!important}@media (max-width:768px){.secondary-careers-section div[style*="display: flex"]{flex-direction:column!important;align-items:center!important;gap:12px!important;max-width:100%!important}}.secondary-careers-section .option-btn{cursor:default!important;pointer-events:none!important;color:#1a1a1a!important;background:#fff!important;border:2px solid #dee2e6!important;transition:none!important}.secondary-careers-section .option-btn:hover{color:#1a1a1a!important;box-shadow:none!important;background:#fff!important;border:2px solid #dee2e6!important;transform:none!important}.secondary-careers-section .option-btn:focus{color:#1a1a1a!important;background:#fff!important;border:2px solid #dee2e6!important;outline:none!important}.secondary-careers-section .option-btn:active{color:#1a1a1a!important;background:#fff!important;border:2px solid #dee2e6!important;transform:none!important}@media (max-width:480px){.result-card .career-grid{grid-template-columns:1fr!important;gap:1px!important;width:100%!important;max-width:100%!important;padding:0 12px!important}.career-grid .option-btn span,.result-card .career-grid .option-btn span{font-size:11px!important;line-height:1.1!important}}@media (max-width:360px){.result-card .career-grid{grid-template-columns:1fr!important;gap:1px!important;width:100%!important;max-width:100%!important;padding:0 8px!important}.career-grid .option-btn span,.result-card .career-grid .option-btn span{font-size:10px!important;line-height:1.1!important}}.secondary-careers-section{background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 50%,#f3e8ff 100%)!important;border:2px solid #c7d2fe!important;border-radius:20px!important;box-shadow:0 4px 20px #6366f11a!important}.secondary-careers-section h2{color:#1e40af!important;-webkit-text-fill-color:transparent!important;text-align:center!important;background:linear-gradient(135deg,#1e40af 0%,#7c3aed 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;margin-bottom:24px!important;font-weight:700!important}.result-card .career-grid .option-btn{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:16px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.result-card .career-grid .option-btn:hover{background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.result-card .career-grid .option-btn span{color:#1e293b;font-weight:600}.career-grid .option-btn{cursor:pointer;text-align:center;background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:0;font-size:16px;transition:all .2s;position:relative;overflow:hidden;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:80px!important;min-height:80px!important;max-height:80px!important;display:flex!important}.career-grid .option-btn:hover{z-index:1;border-color:#582c83;box-shadow:0 4px 20px #582c8326}.career-grid .option-btn.selected{color:#fff!important;box-sizing:border-box!important;background:linear-gradient(135deg,#582c83 0%,#4c1d95 100%)!important;border-color:#582c83!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transition:none!important;display:flex!important;transform:none!important}.career-grid .option-btn>div{color:#582c83;text-align:center;flex-shrink:1;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;height:100%;padding:12px 8px;display:flex}.career-grid .option-btn span{color:inherit;white-space:normal;text-overflow:ellipsis;max-width:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;flex-shrink:1;margin:0;padding:0;font-size:32px;font-weight:600;line-height:1.1;transition:color .2s;display:block;position:relative;top:0;left:0;overflow:hidden;transform:none}.career-grid .option-btn:hover span{color:#582c83}.career-grid .option-btn.selected span{color:#fff!important;width:auto!important;max-width:100%!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;backface-visibility:hidden!important;flex-shrink:1!important;margin:0!important;padding:0!important;line-height:1.3!important;transition:none!important;display:block!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.career-grid .option-btn.selected>div{color:#fff!important;flex-shrink:1!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:12px 8px!important;transition:none!important;display:flex!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.career-hover-popup{color:#fff!important;z-index:1000!important;word-wrap:break-word!important;white-space:normal!important;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:16px!important;max-width:300px!important;position:absolute!important;transform:translate(-50%)!important;box-shadow:0 10px 40px #0000004d!important}.career-hover-popup *{color:#fff!important}.result-card .text-center.mb-10,.result-card .mb-10,.result-card .secondary-careers-section.mb-10{margin-bottom:40px!important}.result-card .career-grid .option-btn{text-align:center!important}.result-card .career-grid .option-btn>div{text-align:center!important;justify-content:center!important}.result-card .absolute.top-4.left-4 img{width:auto!important;max-width:none!important;height:48px!important}.result-card .text-center.mb-10.pt-24{padding-top:55px!important}.result-card .absolute.top-4.left-1\/2 img{width:auto!important;max-width:none!important;height:36px!important}.result-card .absolute.-bottom-4.-right-4{z-index:50!important;width:-moz-fit-content!important;width:fit-content!important;position:absolute!important;bottom:-8px!important;right:-24px!important}.result-card .absolute.-bottom-4.-right-4 img{-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:top!important;object-position:top!important;width:auto!important;max-width:none!important;height:20px!important}.card.max-w-4xl{padding:32px!important}.card.max-w-4xl .text-center.mb-12,.card.max-w-4xl .mb-12{margin-bottom:48px!important}.card.max-w-4xl .mb-6{margin-bottom:24px!important}.card.max-w-4xl .mb-8{margin-bottom:32px!important}.card.max-w-4xl .gap-8{gap:32px!important}.card.max-w-4xl .mt-12{margin-top:48px!important}.card.max-w-4xl .my-4{margin-top:16px!important;margin-bottom:16px!important}.min-h-screen.flex.items-center.justify-center{justify-content:center!important;align-items:center!important;min-height:100vh!important;display:flex!important}.relative.h-64.mb-12.overflow-hidden{height:256px!important;margin-bottom:48px!important;position:relative!important;overflow:hidden!important}.flex.absolute.top-0.left-0.h-full.items-center{align-items:center!important;height:100%!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.flex-shrink-0.w-48.h-48.mx-1.rounded-lg.shadow-lg.border-4{border-style:solid!important;border-width:4px!important;border-radius:8px!important;flex-shrink:0!important;width:192px!important;height:192px!important;margin-left:4px!important;margin-right:4px!important;box-shadow:0 10px 15px -3px #0000001a!important}.center-marker{z-index:20!important;background:linear-gradient(#582c83,#4c1d95,#582c83)!important;border-radius:9999px!important;width:8px!important;height:100%!important;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 4px 12px #582c8366!important}.center-marker-arrow-top{border-bottom:20px solid #582c83!important;border-left:12px solid #0000!important;border-right:12px solid #0000!important;width:0!important;height:0!important;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.center-marker-arrow-bottom{border-top:20px solid #582c83!important;border-left:12px solid #0000!important;border-right:12px solid #0000!important;width:0!important;height:0!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn{box-sizing:border-box!important;width:192px!important;min-width:192px!important;max-width:192px!important;height:188px!important;min-height:188px!important;max-height:188px!important;padding:16px!important;transition:none!important;overflow:hidden!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn>div{text-overflow:ellipsis!important;width:100%!important;overflow:hidden!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn .font-bold{word-wrap:break-word!important;overflow-wrap:break-word!important;font-size:14px!important;line-height:1.2!important}.email-popup-overlay{z-index:9999!important;background-color:#00000080!important;justify-content:center!important;align-items:center!important;padding:1rem!important;display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.email-popup-modal{z-index:10000!important;text-align:left!important;background:#fff!important;border-radius:16px!important;width:100%!important;max-width:28rem!important;padding:2rem!important;position:relative!important;box-shadow:0 25px 50px -12px #00000040!important}.email-popup-modal *{text-align:left!important}.email-popup-modal h3,.email-popup-modal p{text-align:center!important}.email-popup-modal .space-y-6>*+*{margin-top:24px!important}.email-popup-modal .gap-6{gap:24px!important}.email-popup-modal .pt-4{padding-top:16px!important}.email-popup-modal input[type=email]{box-sizing:border-box!important;border-style:solid!important;border-width:2px!important;border-radius:8px!important;width:100%!important;padding:16px 24px!important;font-size:16px!important}.email-popup-modal label{font-size:16px!important;font-weight:500!important}.email-popup-modal .pt-3{padding-top:12px!important}.email-popup-modal .space-y-6>div:first-child{max-width:90%!important;margin:0 auto!important}.email-popup-modal .space-y-6{gap:24px!important}.email-popup-modal .space-y-4.mb-8.mt-4{gap:16px!important;margin-top:16px!important;margin-bottom:32px!important}.email-popup-modal .space-y-4.mb-8.mt-4>*+*{margin-top:16px!important}.result-card .flex.flex-col.sm\:flex-row.gap-6{gap:24px!important}@media (max-width:768px){.relative.h-64.mb-12.overflow-hidden{height:200px!important;margin-bottom:24px!important}.flex.absolute.top-0.left-0.h-full.items-center{padding:0 16px!important}.flex-shrink-0.w-48.h-48.mx-1.rounded-lg.shadow-lg.border-4{width:120px!important;height:120px!important;margin:0 8px!important}.center-marker{width:8px!important;height:100%!important}.center-marker-arrow-top{border-bottom:12px solid #582c83!important;border-left:8px solid #0000!important;border-right:8px solid #0000!important;width:0!important;height:0!important}.center-marker-arrow-bottom{border-top:12px solid #582c83!important;border-left:8px solid #0000!important;border-right:8px solid #0000!important;width:0!important;height:0!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn{width:120px!important;min-width:120px!important;max-width:120px!important;height:116px!important;min-height:116px!important;max-height:116px!important;padding:12px!important;font-size:14px!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn>div{padding:8px!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn .font-bold{font-size:12px!important}}@media (max-width:480px){.relative.h-64.mb-12.overflow-hidden{height:160px!important;margin-bottom:16px!important}.flex.absolute.top-0.left-0.h-full.items-center{padding:0 8px!important}.flex-shrink-0.w-48.h-48.mx-1.rounded-lg.shadow-lg.border-4{width:100px!important;height:100px!important;margin:0 4px!important}.center-marker{width:6px!important;height:100%!important}.center-marker-arrow-top{border-bottom:10px solid #582c83!important;border-left:6px solid #0000!important;border-right:6px solid #0000!important}.center-marker-arrow-bottom{border-top:10px solid #582c83!important;border-left:6px solid #0000!important;border-right:6px solid #0000!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn{width:100px!important;min-width:100px!important;max-width:100px!important;height:96px!important;min-height:96px!important;max-height:96px!important;padding:8px!important;font-size:12px!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn>div{padding:6px!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn .font-bold{font-size:11px!important}}@media (max-width:360px){.relative.h-64.mb-12.overflow-hidden{height:140px!important;margin-bottom:12px!important}.flex.absolute.top-0.left-0.h-full.items-center{padding:0 4px!important}.flex-shrink-0.w-48.h-48.mx-1.rounded-lg.shadow-lg.border-4{width:80px!important;height:80px!important;margin:0 2px!important}.center-marker{width:4px!important;height:100%!important}.center-marker-arrow-top{border-bottom:8px solid #582c83!important;border-left:4px solid #0000!important;border-right:4px solid #0000!important}.center-marker-arrow-bottom{border-top:8px solid #582c83!important;border-left:4px solid #0000!important;border-right:4px solid #0000!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn{width:80px!important;min-width:80px!important;max-width:80px!important;height:76px!important;min-height:76px!important;max-height:76px!important;padding:6px!important;font-size:10px!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn>div{padding:4px!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn .font-bold{font-size:10px!important}}@media (max-width:768px){.min-h-screen.flex.items-center.justify-center{padding:16px!important}.card.max-w-4xl{margin:8px!important;padding:24px!important}.welcome-features-grid,.min-h-screen.flex.items-center.justify-center .welcome-features-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;display:grid!important}.card.max-w-4xl .text-center.mb-12,.card.max-w-4xl .mb-12{margin-bottom:32px!important}.card.max-w-4xl .mb-6{margin-bottom:20px!important}.card.max-w-4xl .mb-8{margin-bottom:24px!important}.card.max-w-4xl .gap-8{gap:20px!important}.card.max-w-4xl .mt-12{margin-top:32px!important}.card.max-w-4xl .my-4{margin-top:12px!important;margin-bottom:12px!important}}@media (max-width:480px){.min-h-screen.flex.items-center.justify-center{padding:12px!important}.card.max-w-4xl{margin:4px!important;padding:16px!important}.welcome-features-grid,.min-h-screen.flex.items-center.justify-center .welcome-features-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important;display:grid!important}.card.max-w-4xl .text-center.mb-12,.card.max-w-4xl .mb-12{margin-bottom:24px!important}.card.max-w-4xl .mb-6{margin-bottom:16px!important}.card.max-w-4xl .mb-8{margin-bottom:20px!important}.card.max-w-4xl .gap-8{gap:16px!important}.card.max-w-4xl .mt-12{margin-top:24px!important}.card.max-w-4xl .my-4{margin-top:8px!important;margin-bottom:8px!important}}@media (max-width:360px){.min-h-screen.flex.items-center.justify-center{padding:8px!important}.card.max-w-4xl{margin:2px!important;padding:12px!important}.welcome-features-grid,.min-h-screen.flex.items-center.justify-center .welcome-features-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;display:grid!important}.card.max-w-4xl .text-center.mb-12,.card.max-w-4xl .mb-12{margin-bottom:20px!important}.card.max-w-4xl .mb-6{margin-bottom:12px!important}.card.max-w-4xl .mb-8{margin-bottom:16px!important}.card.max-w-4xl .gap-8{gap:12px!important}.card.max-w-4xl .mt-12{margin-top:20px!important}.card.max-w-4xl .my-4{margin-top:6px!important;margin-bottom:6px!important}}@media (max-width:768px){.btn,.option-btn{min-height:44px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:20px}.space-y-8>*+*{margin-top:24px}body{font-size:16px;line-height:1.5}.gap-4{gap:12px}.gap-6{gap:16px}.gap-8{gap:20px}}@media (max-width:480px){.btn,.option-btn{min-height:48px}.space-y-4>*+*{margin-top:12px}.space-y-6>*+*{margin-top:16px}.space-y-8>*+*{margin-top:20px}.gap-4{gap:8px}.gap-6{gap:12px}.gap-8{gap:16px}input[type=email],input[type=text],textarea{font-size:16px}*{-webkit-overflow-scrolling:touch}.btn,.option-btn{-webkit-tap-highlight-color:#582c831a}}@media (max-width:768px) and (orientation:landscape){.min-h-screen.flex.items-center.justify-center{min-height:auto!important;padding:8px!important}.card.max-w-4xl{padding:16px!important}.relative.h-64.mb-12.overflow-hidden{height:120px!important;margin-bottom:16px!important}.flex-shrink-0.w-48.h-48.mx-1.rounded-lg.shadow-lg.border-4{width:80px!important;height:80px!important}.flex.absolute.top-0.left-0.h-full.items-center .option-btn{width:80px!important;min-width:80px!important;max-width:80px!important;height:76px!important;min-height:76px!important;max-height:76px!important}.welcome-top-aligned{padding-top:20px!important}.welcome-top-aligned .text-5xl{font-size:1.5rem!important}.welcome-top-aligned .mb-16{margin-bottom:12px!important}.career-selection-top-aligned{padding-top:50px!important;padding-bottom:4px!important}.career-selection-top-aligned .career-grid .option-btn,.career-selection-top-aligned .career-grid>div{height:45px!important;min-height:45px!important;max-height:45px!important}}@media (min-aspect-ratio:16/9) and (max-height:800px){.welcome-top-aligned{padding-top:40px!important}.quiz-page-container{padding:90px 0 0!important}}@media (max-aspect-ratio:4/5) and (max-width:768px){.welcome-top-aligned{padding-top:60px!important}.quiz-page-container{padding:100px 0 0!important}}@media (min-resolution:192dpi){.btn,.option-btn,.card{border-width:.5px}}@media (max-width:768px){input,textarea,select{-webkit-appearance:none;border-radius:8px;font-size:16px!important}.btn:focus,.option-btn:focus{outline-offset:2px;outline:2px solid #582c83}.loading{padding:20px}.spinner{width:32px;height:32px}.email-popup-overlay{padding:8px}.email-popup-modal{max-height:90vh;overflow-y:auto}.generated-image{border-radius:12px;box-shadow:0 4px 20px #0000001a}.progress-bar{border-radius:4px;height:8px}.progress-fill{border-radius:4px}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 24px}.card{padding:32px}.career-selection-page-container .career-grid{grid-template-columns:1fr!important;gap:1px!important;max-width:100%!important}.result-card .career-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1025px){.container{max-width:1200px;margin:0 auto}.welcome-features-grid,.min-h-screen.flex.items-center.justify-center .welcome-features-grid{grid-template-columns:repeat(3,1fr)!important;gap:32px!important;display:grid!important}.relative.h-64.mb-12.overflow-hidden{height:320px!important}.flex-shrink-0.w-48.h-48.mx-1.rounded-lg.shadow-lg.border-4{width:200px!important;height:200px!important}}.share-button,.share-button *{color:#fff!important}.share-icon{color:#fff!important;fill:#fff!important;stroke:#fff!important}.profile-image-container img,.profile-image-fallback{border-radius:50px!important}.career-selection-container .career-grid .option-btn span.career-selection-label{font-size:32px!important;line-height:1.1!important}@media (max-width:1024px){.career-selection-container .career-grid .option-btn span.career-selection-label{font-size:28px!important}}@media (max-width:768px){.career-selection-container .career-grid .option-btn span.career-selection-label{font-size:24px!important}}@media (max-width:480px){.career-selection-container .career-grid .option-btn span.career-selection-label{font-size:20px!important}}@media (max-width:360px){.career-selection-container .career-grid .option-btn span.career-selection-label{font-size:18px!important}}@media print{.btn,.option-btn{border:1px solid #000;color:#000!important;background:#fff!important}.card{box-shadow:none;border:1px solid #ccc}.email-popup-overlay{display:none!important}}@media (max-height:800px){.quiz-container{max-height:85vh;padding:24px 32px}.question-title{margin-bottom:24px;font-size:2rem}.options-grid{gap:20px;margin-top:32px}.option-btn{padding:24px;font-size:24px}}@media (max-height:600px){.quiz-container{max-height:80vh;padding:16px 32px}.question-title{margin-bottom:16px;font-size:1.5rem}.options-grid{gap:12px;margin-top:20px}.option-btn{padding:16px;font-size:20px}}@media (max-width:640px){.logo-container{width:72px!important;height:72px!important;padding:6px!important}.logo-container img{height:36px!important}.container{padding:64px 16px 0!important}.quiz-page-container{padding:52px 0 0!important}.career-selection-page-container{padding:64px 0 0!important}.min-h-screen{height:calc(100vh - 64px)!important;min-height:calc(100vh - 64px)!important}.result-card{max-height:100vh!important}.results-container{padding:20px!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}