:root{font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.custom-button{padding:13px 26px;font-weight:600;position:relative;overflow:hidden}.skip-link{display:none}.purple-button:hover{background:#5249df;color:#fff;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px}.blue-button:hover{background:#50b9f9;color:#fff;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px}.purple-button{background:#3f37c9;color:#fff}.bg-light-pruple{background:#efecff}.blue-button{background:#25a4f2;color:#fff}.source-skip-to-clusters:hover{background:#25a4f2;color:#fff;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border:1px solid #25A4F2}.source-skip-to-clusters{background:none;border:1px solid #25A4F2;color:#25a4f2;cursor:pointer;font-size:.9rem;padding:12px 20px}.text-purple{color:#3f37c9}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}#root{width:100%;min-height:100vh;position:relative}img,video,svg{max-width:100%;height:auto}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1{font-size:3.2em;line-height:1.1}@media(max-width:767px){h1{font-size:2em;line-height:1.2}h2{font-size:1.5em}h3{font-size:1.25em}body{font-size:16px;-webkit-text-size-adjust:100%}}@media(max-width:375px){h1{font-size:1.75em}h2{font-size:1.35em}h3{font-size:1.15em}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:420px){.career-cluster-selection-footer,.stream-selection-footer{flex-wrap:inherit!important}.continue-button{min-width:25%!important;width:40%!important}.stream-grid{grid-template-columns:repeat(2,1fr)!important}.stream-card{min-height:79px!important}.streams-badge-container{margin:3px!important;flex-direction:column!important}.stream-badge{height:54px!important}.vs-separator{font-size:21px!important}.parameter-selection-header{margin-bottom:0!important}.parameter-item{min-height:59px!important;padding:9px!important}.selected-count{margin-bottom:12px}}:root{--mobile-breakpoint: 320px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--touch-target-min: 44px}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-sm)}.container-fluid{width:100%;padding:var(--spacing-sm)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:var(--spacing-xs)}}@media(min-width:768px)and (max-width:1023px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.btn-touch{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;cursor:pointer;border:none;border-radius:8px;transition:all .2s ease}.btn-touch:active{transform:scale(.98)}@media(max-width:767px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(max-width:767px){.mobile-spacing-sm{margin-bottom:var(--spacing-sm)}.mobile-spacing-md{margin-bottom:var(--spacing-md)}}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}.card{padding:var(--spacing-md);border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}@media(max-width:767px){.card{padding:var(--spacing-sm)}}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media(max-width:767px){.text-center-mobile{text-align:center}}@media(max-width:767px){body{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}button{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch}.container,.container-fluid{padding-left:1rem;padding-right:1rem}}@media(min-width:768px)and (max-width:1023px){.container{max-width:100%;padding:1.5rem}.grid{gap:1.5rem}}@media(min-width:1024px){button:hover:not(:disabled),.card:hover,.stream-card:hover:not(.stream-card-disabled):not(.stream-card-selected){cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1976d2;outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}}*:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:#1976d2;color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}@supports (-webkit-appearance: none){.flex{display:-webkit-flex;display:flex}}@-moz-document url-prefix(){*{scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:silver;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){button{border:2px solid currentColor}.card{border:2px solid #000}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}button,.action-button,.continue-button,.fight-button{display:none}}@media(max-width:767px)and (orientation:landscape){.stream-selection-header,.parameter-selection-header,.fight-header{margin-bottom:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}@media(min-width:1440px){.container{max-width:1400px}.grid{gap:2.5rem}}@media(max-width:375px){:root{--spacing-xs: .375rem;--spacing-sm: .75rem;--spacing-md: 1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}button{font-size:.9rem;padding:.625rem 1rem}}.app-container{width:100%;min-height:100vh;background-color:#fff position: relative;outline:none}.app-container:focus-visible{outline:2px solid #1976d2;outline-offset:-2px}.offline-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:.75rem 1rem;text-align:center;z-index:1000;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;gap:.5rem;animation:slideDown .3s ease-out}.offline-icon{font-size:1.2rem}.offline-message{font-size:.9rem;font-weight:500}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner-large{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-fallback p{color:#666;font-size:1rem}.skip-link{position:absolute;top:-40px;left:0;background:#1976d2;color:#fff;padding:8px 16px;text-decoration:none;z-index:1000;border-radius:0 0 4px;font-weight:600}.skip-link:focus{top:0;outline:3px solid #ffd700;outline-offset:2px}button{font-family:inherit}@media(max-width:767px){.app-container{overflow-x:hidden}.offline-banner{padding:.6rem .75rem;font-size:.85rem}.offline-icon{font-size:1rem}.offline-message{font-size:.85rem}.loading-fallback{padding:1rem}.loading-spinner-large{width:40px;height:40px;border-width:3px}.loading-fallback p{font-size:.9rem}}@media(max-width:375px){.offline-banner{padding:.5rem .6rem;font-size:.8rem}.offline-message{font-size:.8rem}}