:root{--space-0: 0;--space-px: 1px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem;--text-6xl: 4rem;--heading-margin-top: 1.5em;--heading-margin-bottom: .75em;--paragraph-spacing: 1.25em;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--shadow-none: 0 0 #0000;--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .2);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--transition-fast: .15s var(--ease-out);--transition-base: .2s var(--ease-in-out);--transition-slow: .3s var(--ease-in-out);--transition-bounce: .3s var(--ease-bounce);--z-behind: -1;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--z-toast: 80;--z-max: 9999;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-25: .25;--opacity-50: .5;--opacity-60: .6;--opacity-75: .75;--opacity-100: 1;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;padding:0}button{background:none;border:none;padding:0;font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}::selection{background-color:var(--color-accent, #eea24c);color:var(--color-primary, #004b68)}::-moz-selection{background-color:var(--color-accent, #eea24c);color:var(--color-primary, #004b68)}::placeholder{color:var(--gray-500, #6b7280);opacity:1}::-webkit-input-placeholder{color:var(--gray-500, #6b7280)}::-moz-placeholder{color:var(--gray-500, #6b7280);opacity:1}:-ms-input-placeholder{color:var(--gray-500, #6b7280)}[disabled],.disabled,*:disabled{cursor:not-allowed!important;opacity:.6;filter:grayscale(30%);pointer-events:none}button:disabled,.btn:disabled,input:disabled,select:disabled,textarea:disabled{position:relative}button:disabled:after,.btn:disabled:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);border-radius:inherit;pointer-events:none}*:focus-visible{outline:3px solid var(--color-accent, #E8B44C);outline-offset:2px;border-radius:var(--radius-sm, 4px);box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.focus-strong *:focus-visible{outline-width:3px;outline-offset:3px}*:focus:not(:focus-visible){outline:none;box-shadow:none}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.visually-hidden-focusable:focus{position:static;width:auto;height:auto;padding:var(--space-2) var(--space-4);margin:0;overflow:visible;clip:auto;white-space:normal;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);z-index:var(--z-max)}.skip-to-content,.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-max);padding:var(--space-3) var(--space-6);background-color:var(--color-primary);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;box-shadow:var(--shadow-lg);transition:top var(--duration-200) ease}.skip-to-content:focus,.skip-link:focus{top:var(--space-4);outline:2px solid white;outline-offset:2px}body:not(.user-is-tabbing) *:focus{outline:none}body.user-is-tabbing *:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-contrast:high){*:focus-visible{outline-width:3px;outline-offset:3px}.btn{border-width:2px}a{text-decoration:underline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[aria-live=polite],[aria-live=assertive]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modal-open,.dialog-open{overflow:hidden}.focus-trap{position:relative}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:var(--opacity-60)}[aria-disabled=true]:hover,[disabled]:hover{transform:none!important}[aria-expanded=false] .collapse-icon{transform:rotate(0);transition:transform var(--duration-200) ease}[aria-expanded=true] .collapse-icon{transform:rotate(180deg);transition:transform var(--duration-200) ease}[aria-selected=true]{background-color:var(--color-accent-light);font-weight:var(--font-semibold)}[aria-pressed=true]{background-color:var(--color-gray-200);box-shadow:var(--shadow-inner)}[role=tooltip]{position:absolute;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);font-size:var(--font-sm);background-color:var(--color-gray-900);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:15rem;word-wrap:break-word}a:not([class]){color:var(--color-info);text-decoration:underline;text-decoration-skip-ink:auto}a:not([class]):hover{color:var(--color-info-dark)}a:not([class]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}a[target=_blank]:not([class]):after{content:" ↗";font-size:var(--font-xs);vertical-align:super}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--font-semibold);padding:var(--space-3);background-color:var(--color-gray-100)}td{padding:var(--space-3);border-top:1px solid var(--color-gray-200)}caption{padding:var(--space-3);font-weight:var(--font-semibold);text-align:left}label{cursor:pointer}label[for]{user-select:none}[required]+label:after,label.required:after{content:" *";color:var(--color-error);font-weight:var(--font-bold)}[aria-invalid=true]{border-color:var(--color-error)}[aria-invalid=true]:focus{outline-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.text-high-contrast{color:var(--color-gray-900);background-color:#fff}.bg-dark{background-color:var(--color-gray-900);color:#fff}.card:focus-within,.form-group:focus-within{box-shadow:var(--shadow-md)}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:var(--font-xs)}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}.no-print,nav,aside,.sidebar{display:none!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid}p,blockquote{page-break-inside:avoid}img{max-width:100%!important;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}}html{font-size:16px}@media(min-width:768px){html{font-size:16px}}button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.btn-sm,.input-sm{min-height:36px;min-width:36px}mark{background-color:var(--color-warning-light);color:var(--color-gray-900);padding:0 var(--space-1)}abbr[title]{text-decoration:underline dotted;cursor:help}code{font-family:Courier New,Courier,monospace;background-color:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9em}kbd{font-family:Courier New,Courier,monospace;background-color:var(--color-gray-800);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.85em;box-shadow:var(--shadow-sm)}/*! tailwindcss v4.1.18 | 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-space-y-reverse:0;--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-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Source Sans Pro",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-sky-50:oklch(97.7% .013 236.62);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-50:oklch(96.2% .018 272.314);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-heading:"Bitter",Georgia,serif;--color-at-dark:#003d3a;--color-at-gold:#e8b44c;--color-at-goldLight:#fef3e0;--color-at-teal:#4fd5b2;--color-at-tealLight:#e0f8f1;--color-at-green:#a9bf7f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.right-4{right:calc(var(--spacing)*4)}.z-50{z-index:50}.z-\[29\]{z-index:29}.z-\[100\]{z-index:100}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-\[300px\]{height:300px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[300px\]{max-height:300px}.max-h-full{max-height:100%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[960px\]{max-width:960px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;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,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.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{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-at-gold\/20{border-color:#e8b44c33}@supports (color:color-mix(in lab,red,red)){.border-at-gold\/20{border-color:color-mix(in oklab,var(--color-at-gold)20%,transparent)}}.border-at-teal{border-color:var(--color-at-teal)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-400{border-color:var(--color-green-400)}.border-green-500{border-color:var(--color-green-500)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-at-dark{background-color:var(--color-at-dark)}.bg-at-gold{background-color:var(--color-at-gold)}.bg-at-goldLight{background-color:var(--color-at-goldLight)}.bg-at-tealLight{background-color:var(--color-at-tealLight)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right 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-blue-50{--tw-gradient-from:var(--color-blue-50);--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))}.from-gray-50{--tw-gradient-from:var(--color-gray-50);--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))}.from-sky-50{--tw-gradient-from:var(--color-sky-50);--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-blue-50{--tw-gradient-to:var(--color-blue-50);--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-indigo-50{--tw-gradient-to:var(--color-indigo-50);--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-white{--tw-gradient-to:var(--color-white);--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))}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-at-dark{color:var(--color-at-dark)}.text-at-gold{color:var(--color-at-gold)}.text-at-green{color:var(--color-at-green)}.text-at-teal{color:var(--color-at-teal)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.accent-at-gold{accent-color:var(--color-at-gold)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-at-teal:is(:where(.group):hover *){background-color:var(--color-at-teal)}.group-hover\:text-at-dark:is(:where(.group):hover *){color:var(--color-at-dark)}.group-hover\:text-at-teal:is(:where(.group):hover *){color:var(--color-at-teal)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.hover\:border-at-gold:hover{border-color:var(--color-at-gold)}.hover\:border-at-teal:hover{border-color:var(--color-at-teal)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.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-at-gold:focus{--tw-ring-color:var(--color-at-gold)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}@media(min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}:root{--color-primary: #004b68;--color-primary-light: #40bcd6;--color-primary-medium: #003d54;--color-primary-dark: #003348;--color-primary-rgb: 0, 75, 104;--gradient-primary: linear-gradient(135deg, #003348 0%, #004b68 100%);--gradient-primary-dark: linear-gradient(135deg, #003348 0%, #003d54 100%);--color-accent: #eea24c;--color-accent-light: #fef3e0;--color-accent-dark: #d4912e;--color-accent-darker: #d59144;--color-accent-rgb: 238, 162, 76;--color-accent-hover: #f5b060;--gradient-accent: linear-gradient(135deg, #eea24c 0%, #f5b060 100%);--gradient-gold: linear-gradient(135deg, #eea24c 0%, #d4912e 100%);--color-gold: #E8B44C;--color-gold-rgb: 232, 180, 76;--color-gold-light: #F5C842;--color-gold-dark: #D4A043;--color-cta: #eea24c;--color-cta-hover: #f5b060;--color-cta-text: #3b3a3a;--color-navigation: #003348;--color-completed: #4fd5b2;--color-card-bg: #ffffff;--color-page-bg: #f6f5f4;--color-secondary: #4fd5b2;--color-secondary-light: #e0f8f1;--color-secondary-dark: #3ab89a;--color-secondary-rgb: 79, 213, 178;--color-teal: #0d7377;--color-teal-dark: #0a5c5e;--color-teal-light: rgba(13, 115, 119, .1);--color-teal-rgb: 13, 115, 119;--color-highlight: #e8e574;--color-highlight-light: #f5f4c0;--color-module-1: #5b9bd5;--color-module-1-rgb: 91, 155, 213;--color-module-2: #4aaa6a;--color-module-2-rgb: 74, 170, 106;--color-module-3: #4a9f96;--color-module-3-rgb: 74, 159, 150;--color-sector-academia: #4fd5b2;--color-sector-industry: #e37776;--color-sector-government: #bcb76f;--color-sector-nonprofit: #d89453;--color-sector-education: #89d3e2;--color-sector-consultancy: #b47fc2;--color-info: #3b82f6;--color-info-light: color-mix(in srgb, var(--color-info) 10%, white);--color-info-dark: #1d4ed8;--color-warning: #f59e0b;--color-warning-light: color-mix(in srgb, var(--color-warning) 10%, white);--color-warning-dark: #d97706;--color-success: #22c55e;--color-success-light: color-mix(in srgb, var(--color-success) 10%, white);--color-success-dark: #16a34a;--color-error: #ef4444;--color-error-light: color-mix(in srgb, var(--color-error) 10%, white);--color-error-dark: #dc2626;--color-background: #f6f5f4;--color-background-warm: #ffffff;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-hover: #eeebe9;--glass-background: rgba(255, 255, 255, .9);--glass-background-dark: rgba(0, 61, 84, .95);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 4px;--pattern-dots: radial-gradient(circle, rgba(0, 75, 71, .015) 1px, transparent 1px);--pattern-size: 24px 24px;--color-text-primary: #3b3a3a;--color-text-secondary: #5a5959;--color-text-muted: #6b6a6a;--color-text-inverse: #ffffff;--color-text-accent: #004b68;--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-inverse: var(--color-text-inverse);--text-accent: var(--color-text-accent);--color-border: #eeebe9;--color-border-light: #f6f5f4;--color-border-dark: #d9d6d4;--color-border-focus: rgba(0, 75, 71, .5);--border-light: var(--color-border-light);--border-default: var(--color-border);--border-dark: var(--color-border-dark);--font-family-heading: "Bitter", Georgia, "Times New Roman", serif;--font-family-body: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-primary: var(--font-family-body);--font-family-secondary: var(--font-family-heading);--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-mono: var(--font-family-mono);--font-size-xs: clamp(.7rem, .65rem + .25vw, .75rem);--font-size-sm: clamp(.8rem, .75rem + .25vw, .875rem);--font-size-base: clamp(.9rem, .85rem + .25vw, 1rem);--font-size-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-xl: clamp(1.1rem, 1rem + .5vw, 1.25rem);--font-size-2xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-3xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--font-size-4xl: clamp(1.75rem, 1.5rem + 1.5vw, 2.5rem);--font-size-5xl: clamp(2rem, 1.75rem + 2vw, 3rem);--font-size-hero: clamp(2rem, 2vw + 1.5rem, 3rem);--font-size-section: clamp(1.5rem, 1.5vw + 1rem, 2rem);--font-size-body-lg: 1.0625rem;--line-height-body-relaxed: 1.7;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--shadow-accent: 0 2px 8px rgba(238, 162, 76, .2);--shadow-accent-lg: 0 4px 16px rgba(238, 162, 76, .25);--shadow-primary: 0 2px 8px rgba(0, 75, 71, .15);--shadow-success: 0 2px 8px rgba(79, 213, 178, .2);--shadow-glass: 0 4px 16px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(0, 75, 71, .25);--sidebar-width: 300px;--sidebar-width-collapsed: 80px;--header-height: 72px;--footer-height: 72px;--content-max-width: 880px;--content-max-width-wide: 1200px;--ease-default: var(--ease-in-out);--transition-normal: .25s var(--ease-default);--transition-slower: .5s var(--ease-default);--bg-primary: var(--color-surface);--bg-secondary: var(--color-surface-hover);--bg-tertiary: var(--color-border-light);--spacing-px: var(--space-px);--spacing-0: var(--space-0);--spacing-1: var(--space-1);--spacing-2: var(--space-2);--spacing-3: var(--space-3);--spacing-4: var(--space-4);--spacing-5: var(--space-5);--spacing-6: var(--space-6);--spacing-8: var(--space-8);--spacing-10: var(--space-10);--spacing-12: var(--space-12);--spacing-16: var(--space-16);--spacing-20: var(--space-20);--spacing-24: var(--space-24);--spacing-xs: var(--space-xs);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--spacing-xl: var(--space-xl);--spacing-2xl: var(--space-2xl);--spacing-3xl: var(--space-3xl);--duration-fast: var(--duration-150);--duration-normal: var(--duration-200);--duration-slow: var(--duration-300);--duration-slower: var(--duration-500)}@media(prefers-color-scheme:dark){:root.auto-dark{--color-background: #002d2b;--color-background-warm: #003d3a;--color-surface: #003d3a;--color-surface-elevated: #004b68;--color-surface-hover: #1a7a73;--glass-background: rgba(0, 61, 58, .9);--glass-background-dark: rgba(0, 45, 43, .95);--color-text-primary: #f6f5f4;--color-text-secondary: #eeebe9;--color-text-muted: #d9d6d4;--color-text-accent: #4fd5b2;--color-border: #004b68;--color-border-light: #1a7a73;--color-border-dark: #002d2b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}}.theme-high-contrast{--color-text-primary: #000000;--color-text-secondary: #1a1a1a;--color-border: #000000;--color-accent: #d4912e;--color-primary: #003d3a}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-normal: 0ms;--transition-slower: 0ms}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-primary);background-color:var(--color-background);background-image:var(--pattern-dots);background-size:var(--pattern-size);color:var(--color-text-primary);line-height:var(--line-height-normal);overflow:hidden;height:100vh;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast);position:relative}a:hover{color:var(--color-accent-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);border:2px solid transparent;background-clip:padding-box}.sidebar-scroll::-webkit-scrollbar-thumb{background:#fff3}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000040}.app-container{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-width);background:var(--color-primary);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform var(--transition-slow),width var(--transition-slow);box-shadow:var(--shadow-sidebar, 2px 0 8px rgba(0, 0, 0, .1));overflow:hidden;will-change:transform;transform:translateZ(0)}.sidebar-brand{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand .logo-container{background:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:box-shadow var(--transition-normal)}.sidebar-subtitle{font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);text-align:center}.sidebar-modules{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.sidebar-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.module-header{padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);color:#ffffff80;transition:all var(--transition-normal);margin-top:var(--spacing-sm)}.module-icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:#ffffff14;transition:all var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden}.module-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg) translateY(-100%);transition:transform var(--duration-500) var(--ease-in-out)}.module-header:hover .module-icon:before{transform:rotate(45deg) translateY(100%)}.module-header.active .module-icon{background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.module-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-progress-bar{height:3px;background:#ffffff1a;border-radius:var(--radius-full);margin-top:var(--spacing-xs);overflow:hidden}.module-progress-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.module-counter{font-size:var(--font-size-xs);color:#ffffff80;margin-top:2px;display:block}.module-header.active .module-counter{color:#ffffffb3}.module-header.locked{opacity:.5;cursor:pointer}.module-header.locked:hover{opacity:.7}.module-header.locked .module-progress-bar,.module-header.locked .module-counter{display:none}.module-locked-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:#ffffff1a;color:#fff9;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-xs)}.step-item{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 56px);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);color:#ffffff80;background:transparent;border:none;cursor:pointer;transition:all var(--transition-normal);position:relative;text-align:left;font-family:var(--font-family-primary)}.step-item:before{content:"";position:absolute;left:calc(var(--spacing-lg) + 21px);top:0;bottom:0;width:2px;background:#ffffff1a}.step-item:hover{background:#ffffff0d;color:#ffffffe6}.step-item.active{background:#ffffff1a;color:#fff;font-weight:var(--font-weight-medium)}.step-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--gradient-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:var(--shadow-accent)}.step-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}#step-content[role=main]{display:block;align-items:initial;flex:initial}.step-number{font-size:var(--font-size-xs);font-family:var(--font-family-mono);opacity:.5;flex-shrink:0}.step-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-sm)}.step-icon{width:20px;height:20px;flex-shrink:0;opacity:.5;transition:all var(--transition-fast)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);height:100vh;transition:margin-left var(--transition-slow);background:var(--color-background);position:relative}.header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 1px 3px #0000000a;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.header.scrolled{box-shadow:0 4px 12px #00000014,0 1px 3px #0000000a;border-bottom-color:transparent}.breadcrumbs{display:none}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.mobile-menu-btn{display:none;width:44px;height:44px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;align-items:center;justify-content:center;color:var(--color-text-primary);transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-dark)}.header-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family-heading)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-toolbar{display:flex;align-items:center;gap:.125rem;padding:.1875rem;background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-xl, 12px);box-shadow:0 1px 2px #0000000a}.header-toolbar-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .5rem;color:var(--color-gray-500, #6b7280);background:none;border:none;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.header-toolbar-btn:hover{background:#fff;color:var(--color-gray-900, #111827);box-shadow:0 1px 3px #00000014}.header-btn-label{font-size:.6875rem;font-weight:600;letter-spacing:.01em}.header-data-group{display:flex;align-items:center;gap:.0625rem}.header-divider{width:1px;height:1rem;background:var(--color-gray-200, #e5e7eb);margin:0 .125rem;flex-shrink:0}.header-toolbar-btn--danger:hover{background:#fef2f2;color:#dc2626;box-shadow:0 1px 3px #dc26261a}.header-devmode-btn{gap:.25rem}.header-devmode-label{font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.header-devmode-btn.active{background:var(--color-accent, #eea24c);color:#fff}.header-devmode-btn.active:hover{background:var(--color-accent, #eea24c);filter:brightness(.92);box-shadow:0 1px 3px #eea24c4d}.header-help-wrap{position:relative}.header-help-btn{color:var(--color-gray-400, #9ca3af)}.header-help-dropdown{display:none;position:absolute;top:calc(100% + .5rem);right:0;width:240px;background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 8px);box-shadow:0 8px 24px #0000001f;padding:.5rem;z-index:50;animation:help-fade-in .15s ease}@keyframes help-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-help-wrap.open .header-help-dropdown{display:block}.header-help-wrap.open .header-help-btn{background:#fff;color:var(--color-gray-900, #111827);box-shadow:0 1px 3px #00000014}.header-help-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:var(--radius-md, 6px)}.header-help-item:hover{background:var(--color-gray-50, #f9fafb)}.header-help-item>i{flex-shrink:0;color:var(--color-gray-400, #9ca3af);margin-top:.125rem}.header-help-item strong{display:block;font-size:.75rem;font-weight:700;color:var(--color-gray-900, #111827);line-height:1.2}.header-help-item p{font-size:.6875rem;color:var(--color-gray-500, #6b7280);line-height:1.4;margin:.125rem 0 0}.progress-container{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-dark);min-width:36px;text-align:right;font-family:var(--font-family-mono)}.progress-bar{width:100px;height:8px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.content-area{flex:1;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-2xl);scroll-behavior:smooth;perspective:1000px}.content-container{max-width:var(--content-max-width);margin:0 auto;padding-bottom:var(--spacing-2xl);animation:pageEnter .4s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center top}@keyframes pageEnter{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageEnterLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pageEnterRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.98)}}.content-container.page-enter-forward{animation:pageEnterRight .35s cubic-bezier(.16,1,.3,1) forwards}.content-container.page-enter-backward{animation:pageEnterLeft .35s cubic-bezier(.16,1,.3,1) forwards}.content-container.page-exit{animation:pageExit .2s ease-out forwards}.content-container>*{opacity:0;animation:staggerFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.content-container>*:nth-child(1){animation-delay:.05s}.content-container>*:nth-child(2){animation-delay:.1s}.content-container>*:nth-child(3){animation-delay:.15s}.content-container>*:nth-child(4){animation-delay:.2s}.content-container>*:nth-child(5){animation-delay:.25s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.step-header-content{flex:1}.step-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 232, 180, 76),.15),rgba(var(--color-accent-rgb, 232, 180, 76),.08));color:var(--color-accent-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--spacing-md);border:1px solid rgba(var(--color-accent-rgb, 232, 180, 76),.2);box-shadow:0 2px 8px rgba(var(--color-accent-rgb, 232, 180, 76),.1);position:relative;overflow:hidden}.step-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:badge-shimmer 3s ease-in-out infinite}@keyframes badge-shimmer{0%,to{left:-100%}50%{left:100%}}.step-badge-dot{width:8px;height:8px;background:var(--gradient-accent);border-radius:var(--radius-full);box-shadow:0 0 8px rgba(var(--color-accent-rgb, 232, 180, 76),.5);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.module-badge{background:linear-gradient(135deg,#004b681a,#004b680d);color:var(--color-primary);border-color:#004b6826;box-shadow:0 2px 8px #004b6814}.module-badge .step-badge-dot{background:var(--color-primary);box-shadow:0 0 8px #004b6866}.step-badge.completed{background:linear-gradient(135deg,#28a74526,#28a74514);color:var(--color-success-dark);border-color:#28a74533}.step-badge.completed .step-badge-dot{background:var(--color-success);box-shadow:0 0 8px #28a74580}.step-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-snug)}.step-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:580px}.step-tools{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.tool-badge{padding:8px 14px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);text-align:center;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.tool-badge:hover{border-color:var(--color-accent);color:var(--color-accent-dark);transform:translateY(-1px)}.interaction-wrapper{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border);position:relative;overflow:hidden}.interaction-area{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);min-height:300px;position:relative}.interaction-wrapper:has(.interaction-area:empty){display:none}.interaction-area:empty{min-height:0;padding:0;margin:0}.pro-tip{margin-top:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-accent-light);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent)}.pro-tip-icon{flex-shrink:0;width:28px;height:28px;background:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.pro-tip-content{flex:1}.pro-tip-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-dark);margin-bottom:2px}.pro-tip-text{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.footer{border-top:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);background:#fff;display:flex;justify-content:space-between;align-items:center}.footer-center{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.footer-progress{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-nav{display:flex;align-items:center;gap:var(--spacing-md)}.powered-by-badge{display:flex;align-items:center;justify-content:center}.powered-by-link{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);font-size:10px;color:var(--color-text-muted);text-decoration:none}.powered-by-link:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.powered-by-link .at-name{font-weight:600;color:var(--color-primary)}.powered-by-link:hover .at-name{color:var(--color-accent)}.about-modal-card{position:relative}.about-modal-header{position:relative;height:120px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-medium, #004b68) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.about-modal-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.about-modal-logo{position:relative;z-index:1;background:#fff;padding:12px 20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026}.about-modal-logo img{height:40px;width:auto;display:block}.content-container{position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 20px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease-out;border:none;text-decoration:none;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.btn-secondary{background:#fff;color:var(--color-text-secondary);border:1px solid var(--color-border-dark)}.btn-secondary:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 4px #00000014}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark, #016694);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-shadow, rgba(1, 129, 177, .35))}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--color-primary-shadow, rgba(1, 129, 177, .25))}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-accent-rgb, 232, 180, 76),.4)}.btn-accent:active:not(:disabled){background:var(--color-accent-dark);transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(var(--color-accent-rgb, 232, 180, 76),.3)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-2px);box-shadow:0 6px 20px #28a74559}.btn-success:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #28a74540}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:before{display:none}.btn-sm{padding:8px 16px;font-size:var(--font-size-xs)}.btn-lg{padding:16px 32px;font-size:var(--font-size-base)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-lg)}.btn-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-cta, #e8b44c) 0%,var(--color-cta-hover, #f5c842) 100%);color:var(--color-cta-text, #1a2e3b);padding:1rem 2.5rem;font-size:1.125rem;font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);border:none;border-radius:12px;box-shadow:0 4px 20px rgba(var(--color-accent-rgb, 232, 180, 76),.4);cursor:pointer;min-width:280px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out;position:relative;overflow:hidden}.btn-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .5s ease}.btn-cta-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--color-accent-rgb, 232, 180, 76),.5)}.btn-cta-primary:hover:not(:disabled):before{left:100%}.btn-cta-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 4px 15px rgba(var(--color-accent-rgb, 232, 180, 76),.4)}.btn-cta-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(40%);box-shadow:0 2px 10px #0000001a}@media(max-width:639px){.btn-cta-primary{width:100%;min-width:unset;padding:.875rem 1.5rem;font-size:1rem}}@media(min-width:640px)and (max-width:767px){.btn-cta-primary{min-width:min(280px,70vw)}}.lesson-screen{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:800px;margin:0 auto;padding:var(--spacing-lg) 0}.lesson-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:0}.lesson-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:9999px;background:transparent;color:var(--color-teal);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.lesson-badge-dot{width:var(--space-2);height:var(--space-2);background:var(--color-accent);border-radius:50%;flex-shrink:0}.lesson-time{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:9999px;background:color-mix(in srgb,var(--color-teal) 10%,transparent);color:var(--color-teal);font-size:var(--text-sm);font-weight:500}.lesson-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.lesson-type-badge .lesson-type-icon{width:14px;height:14px;flex-shrink:0}.lesson-type-badge.learn{background:var(--color-info-light, color-mix(in srgb, var(--color-info) 10%, white));color:var(--color-info-dark, #1d4ed8)}.lesson-type-badge.action{background:var(--color-accent-light, color-mix(in srgb, var(--color-accent) 15%, white));color:var(--color-accent-darker, #c66a1d)}.lesson-type-badge.assess{background:var(--color-success-light, color-mix(in srgb, var(--color-success) 10%, white));color:var(--color-success-dark, #16a34a)}.lesson-type-badge.explore{background:var(--color-step-explore-light, color-mix(in srgb, var(--color-step-explore, #8b5cf6) 10%, white));color:var(--color-step-explore-dark, #7c3aed)}.lesson-type-badge.summary{background:var(--color-primary-light, color-mix(in srgb, var(--color-primary) 10%, white));color:var(--color-primary, #0075c9)}.lesson-title-zone{margin-bottom:32px}.lesson-title{font-family:var(--font-family-heading);font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:8px;letter-spacing:-.02em;text-align:left}.lesson-subtitle{font-size:1.125rem;color:#6b7280;line-height:1.6;max-width:65ch}.lesson-media{width:100%;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface-hover);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light)}.lesson-media img,.lesson-media video{width:100%;height:100%;object-fit:cover}.lesson-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-muted);padding:var(--spacing-xl);text-align:center}.lesson-card{background:#fff;border:1px solid var(--color-border-light, #f3f4f6);border-radius:var(--radius-xl, 16px);padding:var(--space-8, 2rem);box-shadow:0 4px 6px -1px #0000000d;text-align:left}.lesson-card>*:not(:last-child){margin-bottom:var(--space-6, 1.5rem)}.career-sectors-grid{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.career-sector-card{display:flex;flex-direction:column;border:2px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);background:#fff;transition:all .2s ease;cursor:pointer;overflow:hidden}.career-sector-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary, 0 2px 8px rgba(1, 129, 177, .15))}.career-sector-card.selected{border-color:var(--color-primary);background:var(--color-primary-soft, rgba(1, 129, 177, .05))}.career-sector-header{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem)}.career-sector-indicator{flex-shrink:0;color:var(--color-gray-400, #9ca3af)}.career-sector-card.selected .career-sector-indicator{color:var(--color-primary)}.career-sector-card .indicator-selected,.career-sector-card.selected .indicator-empty{display:none}.career-sector-card.selected .indicator-selected{display:block!important}.career-sector-expand-icon{flex-shrink:0;color:var(--color-gray-400, #9ca3af);transition:transform .2s ease}.career-sector-card.selected .career-sector-expand-icon{transform:rotate(180deg);color:var(--color-primary)}.career-sector-details{display:none;padding:0 var(--space-5, 1.25rem) var(--space-4, 1rem);animation:sectorSlideDown .2s ease}.career-sector-card.selected .career-sector-details{display:block}.sector-detail-content{margin-top:var(--space-3, .75rem);padding:var(--space-4, 1rem);background:var(--color-gray-50, #f9fafb);border-radius:var(--radius-lg, 12px);animation:sectorSlideDown .2s ease}.sector-detail-text{color:var(--color-text-secondary, #5a5959);font-size:var(--font-size-sm, .875rem);line-height:1.6;margin:0 0 var(--space-3, .75rem) 0}.sector-traits{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem)}.sector-trait{display:inline-flex;align-items:center;padding:var(--space-1, .25rem) var(--space-3, .75rem);background:#0d73771a;color:var(--color-teal, #0d7377);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:500}@keyframes sectorSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.assessment-continue{display:flex;justify-content:center;margin-top:var(--space-6, 1.5rem);padding-top:var(--space-6, 1.5rem);background:transparent!important}.assessment-content .assessment-questions{padding:0;background:transparent}.assessment-content .single-choice-options{margin:0 0 var(--space-4, 1rem) 0}.learn-continue{display:flex;justify-content:center;margin-top:var(--space-6, 1.5rem);padding-top:var(--space-6, 1.5rem)}.lesson-content{padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);border-left:4px solid var(--color-success);margin-bottom:var(--spacing-lg)}.key-points-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.key-points-title svg{color:var(--color-success)}.key-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.key-points li{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-hover);border-radius:var(--radius-lg);font-size:var(--font-size-body-lg, 1.0625rem);line-height:var(--line-height-body-relaxed, 1.7);color:var(--color-text-primary);transition:all var(--transition-fast)}.key-points li:hover{transform:translate(4px);box-shadow:0 2px 8px #0000000d}.key-points li:before{content:"✓";display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--color-success);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.lesson-cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-light);text-align:center}.lesson-cta-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.lesson-check{padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 232, 180, 76),.08),rgba(var(--color-accent-rgb, 232, 180, 76),.03));border-radius:var(--radius-xl);border:1px solid rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.lesson-check-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-darker);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.confirmation-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.confirmation-checkbox:hover{background:var(--color-surface-hover)}.confirmation-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid var(--color-border-dark);border-radius:var(--radius-md);flex-shrink:0;cursor:pointer;position:relative;transition:all var(--transition-fast);margin-top:2px}.confirmation-checkbox input[type=checkbox]:checked{background:var(--color-success);border-color:var(--color-success)}.confirmation-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.confirmation-checkbox input[type=checkbox]:focus{outline:2px solid var(--color-accent);outline-offset:2px}.confirmation-checkbox span{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.tool-instructions{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--color-secondary-rgb, 34, 197, 94),.08) 0%,transparent 100%);border-radius:var(--radius-xl);border-left:4px solid var(--color-success)}.tool-instructions h4{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-success-dark);margin-bottom:var(--spacing-sm)}.tool-instructions h4 svg{color:var(--color-success)}.tool-instructions p{color:var(--color-text-secondary);line-height:1.6}.instructions-list{list-style:decimal;padding-left:var(--spacing-lg);margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.instructions-list li{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-sm)}.tool-summary-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm)}.tool-summary-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #004b681a;transform:translateY(-2px)}.tool-summary-card.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 2px var(--color-accent)}.assessment-section{padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 232, 180, 76),.08),rgba(var(--color-accent-rgb, 232, 180, 76),.02));border-radius:var(--radius-xl);border-left:4px solid var(--color-accent);margin:var(--spacing-xl) 0}.assessment-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-accent-darker);margin-bottom:var(--spacing-lg)}.assessment-questions{display:flex;flex-direction:column;gap:var(--spacing-xl)}.assessment-question{padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:0 1px 3px #0000000a}.assessment-question h4{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.scale-options{display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) 0}.scale-btn{width:52px;height:52px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.scale-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--color-accent-rgb, 232, 180, 76),.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.scale-btn:hover{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb, 232, 180, 76),.08);transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.2);color:var(--color-accent-darker)}.scale-btn:hover:before{opacity:1}.scale-btn.selected{background:var(--color-primary-soft, rgba(1, 129, 177, .1));border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-primary, 0 2px 8px rgba(1, 129, 177, .2));transform:scale(1.02)}.scale-btn.selected:hover{transform:scale(1.1)}.scale-labels{display:flex;justify-content:space-between;padding:0 var(--spacing-sm);margin-top:var(--spacing-sm)}.scale-label{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:80px;text-align:center}.multi-select-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.option-checkbox{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.option-checkbox:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.option-checkbox:active{transform:translateY(0) scale(.98)}.option-checkbox.selected{background:rgba(var(--color-accent-rgb, 232, 180, 76),.1);border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.option-checkbox:before{content:"";width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;transition:all .2s ease}.option-checkbox.selected:before{background:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:0 1px 2px #0000000a,0 2px 4px #0000000a,0 4px 8px #00000008;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out;position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .25s ease;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.card:hover{transform:translateY(-2px);border-color:var(--color-border);box-shadow:0 4px 8px #0000000f,0 8px 16px #0000000d,0 16px 32px #00000008}.card:hover:before{opacity:1}.card-elevated{box-shadow:0 4px 12px #0000000f,0 8px 24px #00000008}.card-elevated:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a,0 16px 48px #0000000d}.card-selectable{cursor:pointer}.card-selectable:hover{border-color:var(--color-primary-light);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a,0 12px 32px #0000000d}.card-selectable:active{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.card-selectable.selected{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.2),0 8px 24px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.card-selectable.selected:before{opacity:1;background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 232, 180, 76),.08) 0%,transparent 60%)}.card-selectable.selected .card-icon{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.3)}.card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);color:var(--color-text-secondary);transition:all .25s ease}.card:hover .card-icon{background:var(--color-primary-light);color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-border-focus)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:120px}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.form-success{font-size:var(--font-size-sm);color:var(--color-success);margin-top:var(--spacing-xs)}.quiz-question{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-snug)}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quiz-option{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);text-align:left;cursor:pointer;transition:all var(--transition-normal);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary)}.quiz-option:hover{border-color:var(--color-accent);background:var(--color-accent-light);transform:translate(4px)}.quiz-option-icon{width:24px;height:24px;opacity:0;transition:opacity var(--transition-fast)}.celebration-overlay{position:fixed;inset:0;background:#004b68f2;backdrop-filter:blur(var(--blur-lg));z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.celebration-overlay.hidden{display:none}.celebration-card{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-2xl);max-width:480px;width:100%;text-align:center;position:relative;overflow:hidden;animation:scaleIn .4s ease-out .1s both}.celebration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-gold)}.celebration-icon{width:88px;height:88px;margin:0 auto var(--spacing-xl);background:var(--color-accent-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-inner);animation:bounce .6s ease-out .3s both}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.celebration-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.celebration-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.celebration-stats{display:flex;justify-content:center;gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-xl)}.celebration-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.celebration-stat-value{font-size:var(--font-size-2xl, 1.5rem);font-weight:700;color:var(--color-primary, #004b68);font-family:var(--font-family-heading)}.celebration-stat-label{font-size:var(--font-size-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #6b6a6a)}.module-achievement-overlay{position:fixed;inset:0;background:#004b68f2;backdrop-filter:blur(var(--blur-lg));z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.module-achievement-overlay.hidden{display:none}.module-achievement-card{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-2xl);max-width:440px;width:100%;text-align:center;position:relative;overflow:hidden;animation:scaleIn .4s ease-out .1s both}.module-achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-teal) 0%,var(--color-accent) 100%)}.achievement-stars{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);border-radius:var(--radius-full)}.achievement-star{width:24px;height:24px;color:var(--color-gray-300);transition:all .3s ease}.achievement-star.filled{color:var(--color-accent);animation:starPop .4s ease-out backwards}.achievement-star.filled:nth-child(1){animation-delay:.2s}.achievement-star.filled:nth-child(2){animation-delay:.4s}.achievement-star.filled:nth-child(3){animation-delay:.6s}@keyframes starPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.achievement-badge{width:100px;height:100px;margin:var(--spacing-lg) auto var(--spacing-lg);background:linear-gradient(135deg,var(--color-teal-light) 0%,rgba(13,115,119,.1) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-teal);animation:badgePulse .6s ease-out .3s both}@keyframes badgePulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.achievement-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-teal);margin-bottom:var(--spacing-sm)}.achievement-module-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.achievement-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}@media(max-width:480px){.module-achievement-card{padding:var(--spacing-lg)}.achievement-badge{width:80px;height:80px}.achievement-badge i{width:40px;height:40px}.achievement-title{font-size:var(--font-size-xl)}}.auth-modal{position:fixed;inset:0;z-index:var(--z-modal);display:none}.auth-modal.active{display:block}.auth-modal-overlay{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(var(--blur-sm));animation:fadeIn .2s ease-out}.auth-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:420px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.auth-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--color-surface-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast);z-index:1}.auth-modal-close:hover{background:var(--color-border);color:var(--color-text-primary)}.auth-view{display:none;padding:var(--spacing-2xl)}.auth-view.active{display:block;animation:fadeIn .2s ease-out}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--color-text-secondary);margin-bottom:0}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-btn{width:100%;padding:14px 24px;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auth-btn.primary{background:var(--gradient-accent);color:#fff;border:none;box-shadow:var(--shadow-accent)}.auth-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.auth-btn.guest{background:transparent;color:var(--color-text-secondary);border:1px dashed var(--color-border)}.auth-btn.guest:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.auth-btn.danger{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.auth-btn.danger:hover{background:var(--color-error-light)}.auth-links{text-align:center;margin-top:var(--spacing-md)}.auth-links a{color:var(--color-accent);font-size:var(--font-size-sm)}.loading-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-btn.loading .loading-spinner{display:block}.auth-btn.loading span:not(.loading-spinner){display:none}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profile-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-lg)}.profile-item label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.profile-item span{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.user-avatar{width:32px;height:32px;background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.sidebar{transform:translate3d(-100%,0,0)}.sidebar.open{transform:translateZ(0)}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-fixed) - 1)}.sidebar.open~.sidebar-overlay{display:block}}@media(max-width:768px){:root{--sidebar-width: 280px;--header-height: 64px}.content-area{padding:var(--spacing-md)}.step-header{flex-direction:column;gap:var(--spacing-md)}.step-title{font-size:var(--font-size-2xl)}.step-tools{flex-direction:row;flex-wrap:wrap}.interaction-area{padding:var(--spacing-md);min-height:280px}.header{padding:0 var(--spacing-md)}.header-title{font-size:var(--font-size-base)}.progress-container{display:none}.footer{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));flex-wrap:nowrap;gap:var(--spacing-sm);background:#fff;box-shadow:0 -2px 8px #00000014;z-index:var(--z-sticky)}.footer-progress{display:none}.footer-nav{width:100%;justify-content:space-between}.footer-nav .btn{flex:1;max-width:48%;justify-content:center}.main-content{padding-bottom:80px}.btn{padding:12px 18px;min-height:48px}}@media(max-width:480px){:root{--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.sidebar-brand .logo-container{padding:var(--spacing-sm) var(--spacing-md)}.quiz-option{padding:var(--spacing-md)}.celebration-card{padding:var(--spacing-lg)}.celebration-title{font-size:var(--font-size-2xl)}.card,.content-header{padding:var(--spacing-4)}}.hidden{display:none!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-surface{background:var(--color-surface)}.bg-surface-hover{background:var(--color-surface-hover)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:fadeInUp .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(2px)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-info);animation:slideInRight .3s ease-out;max-width:400px}.toast.toast-success{border-left-color:var(--color-success)}.toast.toast-error{border-left-color:var(--color-error)}.toast.toast-warning{border-left-color:var(--color-warning)}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast-content{flex:1}.toast-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.toast-message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toast-close{flex-shrink:0;width:28px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.toast-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.quiz-option:focus-visible,.card-selectable:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.step-item:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;box-shadow:inset 0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.scale-btn{transition:all var(--transition-fast)}.scale-btn:hover{border-color:var(--color-secondary)!important;background-color:var(--color-secondary-light)!important}.scale-btn-selected{background-color:var(--color-secondary-light)!important;color:var(--color-text-primary)!important;border-color:var(--color-secondary)!important}.scale-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:768px){.btn{min-height:44px;min-width:44px}.btn-sm{min-height:44px;padding:10px 16px}.btn-icon{min-width:44px;min-height:44px}.org-preset-btn{min-height:44px}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}.quiz-option{min-height:52px;padding:var(--spacing-md)}.scale-btn{min-width:44px!important;min-height:44px!important}.step-item{min-height:44px}input[type=range]{height:8px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.mobile-menu-btn,button[onclick="toggleSidebar()"]{min-width:44px;min-height:44px}}.org-preset-btn{transition:all var(--transition-fast)}.org-preset-btn.selected{border-color:var(--color-primary)!important;background-color:#004b680d!important}.org-preset-btn:not(.selected){border-color:var(--color-border);background-color:var(--color-surface)}.org-preset-btn:not(.selected):hover{border-color:var(--color-border-dark)}.org-preset-btn .check-icon{color:var(--color-primary)}.settings-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family-primary);color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-fast);resize:none}.settings-textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 2px #40bcd633}.btn-settings-save{padding:var(--spacing-2) var(--spacing-5);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-2)}.btn-settings-save:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.logo-upload-area{border-color:var(--color-border);transition:border-color var(--transition-fast)}.logo-upload-area:hover{border-color:var(--color-secondary)}.mobile-progress-badge{display:none}@media(max-width:768px){.mobile-progress-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;background:var(--color-accent-light);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-accent-dark)}}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);transition:top .2s ease-in-out}.skip-to-content:focus{top:0;outline:2px solid var(--color-accent);outline-offset:2px}.step-item:hover{background:#ffffff1f!important;transform:translate(2px)}.step-item.active{background:#ffffff26!important;border-left:3px solid var(--color-accent);margin-left:-3px;padding-left:calc(var(--spacing-sm) + 3px)}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-surface-hover) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-text.long{width:100%}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:120px;border-radius:var(--radius-xl)}.skeleton-button{height:44px;width:120px;border-radius:var(--radius-full)}.btn:disabled,.btn[disabled],.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.03) 4px,rgba(0,0,0,.03) 8px)}.btn:disabled:hover,.btn[disabled]:hover{transform:none;box-shadow:none}.btn{padding:var(--spacing-sm) var(--spacing-lg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl)}.journey-summary{max-width:720px;margin:0 auto;padding:var(--spacing-xl) 0}.completion-celebration{text-align:center;padding:var(--spacing-2xl);background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 232, 180, 76),.1),#28a74514,#004b681a);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-2xl);position:relative;overflow:hidden}.completion-celebration:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--color-accent-rgb, 232, 180, 76),.15) 0%,transparent 70%);animation:celebrationGlow 4s ease-in-out infinite}@keyframes celebrationGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.celebration-emoji{font-size:4rem;margin-bottom:var(--spacing-md);animation:celebrationBounce 1s ease-out;display:inline-block}@keyframes celebrationBounce{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}70%{transform:scale(.9) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.completion-celebration h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-primary);margin-bottom:var(--spacing-sm);position:relative;z-index:1}.completion-celebration p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:50ch;margin:0 auto;position:relative;z-index:1}.completion-progress{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl)}.progress-circle{position:relative;width:180px;height:180px}.progress-circle svg{transform:rotate(-90deg);width:100%;height:100%}.progress-circle-bg{fill:none;stroke:var(--color-border-light);stroke-width:12}.progress-circle-fill{fill:none;stroke:url(#progressGradient);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-circle-percent{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-primary);display:block;line-height:1}.progress-circle-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-top:var(--spacing-xs)}.completion-section{margin-bottom:var(--spacing-xl)}.completion-section-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.completion-section-title svg{color:var(--color-accent)}.completion-checklist{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);overflow:hidden}.checklist-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.checklist-item:hover{background:var(--color-surface-hover)}.checklist-icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-sm)}.checklist-icon.completed{background:var(--color-success-light);color:var(--color-success-dark)}.checklist-icon.pending{background:var(--color-surface-hover);color:var(--color-text-muted)}.checklist-content{flex:1;min-width:0}.checklist-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.checklist-item.completed .checklist-title{color:var(--color-text-primary)}.checklist-item.pending .checklist-title{color:var(--color-text-muted)}.checklist-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.checklist-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.checklist-badge.completed{background:var(--color-success-light);color:var(--color-success-dark)}.checklist-badge.pending{background:var(--color-surface-hover);color:var(--color-text-muted)}.next-actions{display:grid;gap:var(--spacing-md)}.action-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);transition:all var(--transition-normal);cursor:pointer}.action-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 4px 20px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.action-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gradient-accent);color:#fff}.action-card-content{flex:1}.action-card-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.action-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.action-card-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast)}.action-card:hover .action-card-arrow{transform:translate(4px);color:var(--color-accent)}.share-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-btn.email{border-color:var(--color-primary);color:var(--color-primary)}.share-btn.email:hover{background:var(--color-primary);color:#fff}.share-btn.linkedin{border-color:#0077b5;color:#0077b5}.share-btn.linkedin:hover{background:#0077b5;color:#fff}.share-btn.download{border-color:var(--color-success);color:var(--color-success-dark)}.share-btn.download:hover{background:var(--color-success);color:#fff}.share-btn svg{width:18px;height:18px}.competency-domains-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.domain-card{text-align:center;padding:var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.domain-card:hover{background:var(--color-surface);box-shadow:var(--shadow-md)}.domain-icon{width:48px;height:48px;margin:0 auto var(--spacing-sm);background:var(--gradient-accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.domain-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.career-paths-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.path-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast);cursor:pointer}.path-card:hover{border-color:var(--color-accent);transform:translate(4px)}.path-card.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 2px var(--color-accent)}.path-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.path-icon.academia{background:#3b82f61a;color:#2563eb}.path-icon.industry{background:rgba(var(--color-secondary-rgb, 34, 197, 94),.1);color:#16a34a}.path-icon.government{background:#8b5cf61a;color:#7c3aed}.path-icon.entrepreneurship{background:rgba(var(--color-accent-rgb, 232, 180, 76),.1);color:var(--color-accent-darker)}.path-icon.nonprofit{background:#ec48991a;color:#db2777}.path-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.reflection-content{padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5cf614,#8b5cf608);border-radius:var(--radius-xl);border:1px solid rgba(139,92,246,.15)}.reflection-prompt{font-size:var(--font-size-lg);font-style:italic;color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.reflection-guidance{display:flex;flex-direction:column;gap:var(--spacing-sm)}.reflection-guidance li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-secondary)}.reflection-guidance li:before{content:"";width:10px;height:10px;background:var(--color-accent, #e87722);border-radius:var(--radius-full);margin-top:6px;flex-shrink:0}@media(max-width:768px){.completion-celebration{padding:var(--spacing-xl)}.celebration-emoji{font-size:3rem}.completion-celebration h2{font-size:var(--font-size-2xl)}.progress-circle{width:140px;height:140px}.progress-circle-percent{font-size:var(--font-size-2xl)}.share-options{flex-direction:column}.share-btn{width:100%;justify-content:center}.action-card{flex-direction:column;text-align:center}.action-card-icon{margin:0 auto}.action-card-arrow{display:none}.competency-domains-preview{grid-template-columns:repeat(2,1fr)}.career-paths-preview{grid-template-columns:1fr}}.drag-drop-exercise{max-width:100%;margin:0 auto}.drag-drop-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.drag-drop-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.progress-dots{display:flex;gap:4px}.progress-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border-light);transition:all var(--transition-fast)}.progress-dot.completed{background:var(--color-success);transform:scale(1.1)}.drag-drop-feedback{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:feedbackPop .3s ease-out}.drag-drop-feedback.success{background:var(--color-success-light);color:var(--color-success-dark)}.drag-drop-feedback.error{background:var(--color-error-light);color:var(--color-error-dark)}@keyframes feedbackPop{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.drag-drop-instructions{padding:var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.drag-drop-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.drag-drop-area{grid-template-columns:1fr;gap:var(--spacing-lg)}}.drag-container-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-md)}.drag-items-container{min-height:200px}.drag-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.drag-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:grab;transition:all var(--transition-fast);user-select:none}.drag-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px rgba(var(--color-accent-rgb, 232, 180, 76),.15);transform:translateY(-1px)}.drag-item:active{cursor:grabbing}.drag-item.dragging{opacity:.5;border-color:var(--color-accent);background:var(--color-accent-light)}.drag-item.selected{border-color:var(--color-primary);background:#004b680d;box-shadow:0 0 0 3px #004b681a}.drag-handle{color:var(--color-text-muted);flex-shrink:0;width:16px;height:16px}.drag-item-label{flex:1;font-size:var(--font-size-base);color:var(--color-text-primary)}.drag-clone{background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0003;opacity:.95}.drag-items-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-success-light);border-radius:var(--radius-lg);color:var(--color-success-dark);text-align:center;animation:successPulse 1s ease-out}@keyframes successPulse{0%{transform:scale(.95)}50%{transform:scale(1.02)}to{transform:scale(1)}}.drop-targets-container{min-height:200px}.drop-targets{display:flex;flex-direction:column;gap:var(--spacing-md)}.drop-target{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast)}.drop-target.correct{border-color:var(--color-success);background:linear-gradient(to right,var(--color-success-light),var(--color-surface))}.drop-target.incorrect{border-color:var(--color-error);background:linear-gradient(to right,var(--color-error-light),var(--color-surface))}.drop-target-header{padding:var(--spacing-md);background:var(--color-surface-hover);border-bottom:1px solid var(--color-border-light)}.drop-target-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block}.drop-target-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px;display:block}.drop-zone{padding:var(--spacing-md);min-height:56px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.drop-zone.empty{border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin:var(--spacing-sm);background:#00000005}.drop-zone.drag-over{border-color:var(--color-accent);background:var(--color-accent-light);transform:scale(1.02)}.drop-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dropped-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);animation:dropIn .3s ease-out}.dropped-item.correct{background:var(--color-success-light);color:var(--color-success-dark)}.dropped-item.incorrect{background:var(--color-error-light);color:var(--color-error-dark)}@keyframes dropIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.remove-match-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-full);color:var(--color-error-dark);transition:all var(--transition-fast)}.remove-match-btn:hover{background:var(--color-error);color:#fff}.drag-drop-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.btn-reset-exercise{gap:var(--spacing-xs)}.completion-message{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-darker);animation:completionBounce .5s ease-out}@keyframes completionBounce{0%{transform:translateY(10px);opacity:0}50%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}.btn-continue-lesson{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);animation:fadeInUp .3s ease-out .2s both}.btn-continue-lesson:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.drag-drop-header{flex-direction:column;gap:var(--spacing-sm)}.drag-drop-instructions{font-size:var(--font-size-sm);padding:var(--spacing-sm)}.drag-item{padding:var(--spacing-sm) var(--spacing-md);min-height:44px}.drop-target,.drop-target-header{padding:var(--spacing-sm)}.drop-zone{min-height:44px;padding:var(--spacing-sm)}.drag-drop-actions{flex-direction:column;align-items:stretch}.drag-drop-actions .btn{width:100%;justify-content:center}}.module-1 .drag-item:hover{border-color:var(--color-module-1, #5b9bd5);box-shadow:0 2px 8px rgba(var(--color-module-1-rgb, 91, 155, 213),.15)}.module-2 .drag-item:hover{border-color:var(--color-module-2, #4aaa6a);box-shadow:0 2px 8px rgba(var(--color-module-2-rgb, 74, 170, 106),.15)}.module-3 .drag-item:hover{border-color:var(--color-module-3, #4a9f96);box-shadow:0 2px 8px rgba(var(--color-module-3-rgb, 74, 159, 150),.15)}.module-1 .drag-item.dragging{border-color:var(--color-module-1, #5b9bd5);background:color-mix(in srgb,var(--color-module-1, #5b9bd5) 8%,white)}.module-2 .drag-item.dragging{border-color:var(--color-module-2, #4aaa6a);background:color-mix(in srgb,var(--color-module-2, #4aaa6a) 8%,white)}.module-3 .drag-item.dragging{border-color:var(--color-module-3, #4a9f96);background:color-mix(in srgb,var(--color-module-3, #4a9f96) 8%,white)}.module-1 .drag-clone{border-color:var(--color-module-1, #5b9bd5)}.module-2 .drag-clone{border-color:var(--color-module-2, #4aaa6a)}.module-3 .drag-clone{border-color:var(--color-module-3, #4a9f96)}.module-1 .drop-zone.drag-over{border-color:var(--color-module-1, #5b9bd5);background:color-mix(in srgb,var(--color-module-1, #5b9bd5) 8%,white)}.module-2 .drop-zone.drag-over{border-color:var(--color-module-2, #4aaa6a);background:color-mix(in srgb,var(--color-module-2, #4aaa6a) 8%,white)}.module-3 .drop-zone.drag-over{border-color:var(--color-module-3, #4a9f96);background:color-mix(in srgb,var(--color-module-3, #4a9f96) 8%,white)}.module-1 .completion-message{color:var(--color-module-1, #5b9bd5)}.module-2 .completion-message{color:var(--color-module-2, #4aaa6a)}.module-3 .completion-message{color:var(--color-module-3, #4a9f96)}.module-1 .btn-continue-lesson{background:linear-gradient(135deg,var(--color-module-1, #5b9bd5) 0%,color-mix(in srgb,var(--color-module-1, #5b9bd5) 70%,white) 100%)}.module-1 .btn-continue-lesson:hover{box-shadow:0 4px 12px rgba(var(--color-module-1-rgb, 91, 155, 213),.4)}.module-2 .btn-continue-lesson{background:linear-gradient(135deg,var(--color-module-2, #4aaa6a) 0%,color-mix(in srgb,var(--color-module-2, #4aaa6a) 70%,white) 100%)}.module-2 .btn-continue-lesson:hover{box-shadow:0 4px 12px rgba(var(--color-module-2-rgb, 74, 170, 106),.4)}.module-3 .btn-continue-lesson{background:linear-gradient(135deg,var(--color-module-3, #4a9f96) 0%,color-mix(in srgb,var(--color-module-3, #4a9f96) 70%,white) 100%)}.module-3 .btn-continue-lesson:hover{box-shadow:0 4px 12px rgba(var(--color-module-3-rgb, 74, 159, 150),.4)}.scenario-question{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);overflow:hidden}.scenario-header{padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5cf614,#3b82f614);border-bottom:1px solid var(--color-border-light)}.scenario-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#8b5cf626;color:#7c3aed;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.scenario-text{font-size:var(--font-size-lg);color:var(--color-text-primary);line-height:var(--line-height-relaxed);font-style:italic}.scenario-body{padding:var(--spacing-lg)}.scenario-question-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.scenario-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scenario-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-hover);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary)}.scenario-option:hover:not(.selected):not(.correct):not(.incorrect){background:var(--color-surface);border-color:var(--color-border)}.scenario-option.selected{border-color:var(--color-primary);background:#004b680d}.scenario-option.correct{border-color:var(--color-success);background:var(--color-success-light)}.scenario-option.incorrect{border-color:var(--color-error);background:var(--color-error-light)}.scenario-option:disabled,.scenario-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.scenario-option-indicator{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.scenario-option.selected .scenario-option-indicator{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.scenario-option.correct .scenario-option-indicator{border-color:var(--color-success);background:var(--color-success);color:#fff}.scenario-option.incorrect .scenario-option-indicator{border-color:var(--color-error);background:var(--color-error);color:#fff}.scenario-explanation{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent);animation:slideInUp .3s ease-out}.scenario-explanation-title{font-weight:var(--font-weight-semibold);color:var(--color-accent-darker);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.scenario-explanation-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.scenario-header,.scenario-body{padding:var(--spacing-md)}.scenario-text{font-size:var(--font-size-sm)}.scenario-option{padding:var(--spacing-sm) var(--spacing-md);min-height:44px}.scenario-option-label{font-size:var(--font-size-sm)}.scenario-explanation{padding:var(--spacing-sm) var(--spacing-md)}}.competence-assessment-content{max-width:800px}.assessment-scale-guide{background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.assessment-scale-guide h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.scale-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.scale-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.scale-value{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.scale-label{color:var(--color-text-secondary)}.competency-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.competency-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.competency-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #004b681a}.competency-card.rated{border-color:var(--color-success);background:var(--color-success-light)}.competency-card.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 2px var(--color-accent)}.competency-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.competency-header i{color:var(--color-primary)}.competency-rating{display:flex;justify-content:center}.competency-rating .scale-buttons{display:flex;gap:var(--spacing-xs)}.competency-rating .scale-btn{width:40px;height:40px;border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.competency-rating .scale-btn:hover{border-color:var(--color-primary);background:#004b680d}.competency-rating .scale-btn.scale-btn-selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.competence-radar-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.radar-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);text-align:center}.assessment-reflection{background:var(--color-surface-hover);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.assessment-reflection h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.reflection-question{margin-bottom:var(--spacing-md)}.reflection-question label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.reflection-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);resize:vertical;min-height:80px;transition:border-color var(--transition-fast)}.reflection-textarea:focus{outline:3px solid var(--color-accent, #eea24c);outline-offset:2px;border-color:var(--color-accent, #eea24c);box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 162, 76),.15)}@media(max-width:480px){.competency-cards{grid-template-columns:1fr}.scale-items{flex-direction:column;gap:var(--spacing-xs)}.competency-rating .scale-btn{width:36px;height:36px}}.welcome-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent-light, #fef3e0) 0%,#fff9f0 100%);border:1px solid var(--color-accent);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.welcome-banner i,.welcome-banner svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.welcome-banner p{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.6}@media(max-width:640px){.welcome-banner{padding:var(--spacing-md)}.welcome-banner p{font-size:var(--font-size-sm)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes progressBar{0%{width:0%}to{width:100%}}@keyframes skeletonLoading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-out)}.animate-fade-in-left{animation:fadeInLeft var(--duration-normal) var(--ease-out)}.animate-fade-in-right{animation:fadeInRight var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.animate-slide-in-up{animation:slideInUp var(--duration-normal) var(--ease-out)}.animate-slide-in-down{animation:slideInDown var(--duration-normal) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--duration-normal) var(--ease-in)}.animate-fade-out-up{animation:fadeOutUp var(--duration-normal) var(--ease-in)}.animate-fade-out-down{animation:fadeOutDown var(--duration-normal) var(--ease-in)}.animate-scale-out{animation:scaleOut var(--duration-normal) var(--ease-in)}.animate-shake{animation:shake .5s var(--ease-in-out)}.animate-shimmer{animation:shimmer 2s linear infinite}.stagger-children>*{opacity:0;animation:fadeInUp var(--duration-normal) var(--ease-out) forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.focus-ring{transition:box-shadow var(--duration-fast) var(--ease-out)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.5)}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-surface-hover) 50%,var(--color-border-light) 75%);background-size:200px 100%;animation:skeletonLoading 1.5s linear infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-button{height:44px;width:120px}.milestone-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.milestone-overlay.visible{opacity:1}.milestone-overlay.hiding{opacity:0}.milestone-content{text-align:center;color:#fff;opacity:0;transition:opacity .3s ease;z-index:2}.milestone-overlay.visible .milestone-content{opacity:1}.milestone-icon-container{width:80px;height:80px;margin:0 auto 24px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center}.milestone-icon{width:40px;height:40px;color:#fff}.milestone-badge{display:inline-block;padding:8px 24px;background:#ffffff26;border-radius:100px;font-size:14px;font-weight:700;letter-spacing:.1em;margin-bottom:16px}.milestone-title{font-size:28px;font-weight:700;margin-bottom:8px}.milestone-subtitle{font-size:16px;opacity:.8;margin-bottom:24px}.milestone-btn{padding:12px 32px;background:var(--color-accent);color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:filter .2s ease}.milestone-btn:hover{filter:brightness(1.1)}.confetti-burst{position:absolute;top:0;left:50%;width:0;height:0;pointer-events:none;z-index:1}.confetti-burst i{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0;animation:confettiFall 1.8s ease-out forwards}.confetti-burst i:nth-child(1){left:-60px;background:#eea24c;animation-delay:0s}.confetti-burst i:nth-child(2){left:-30px;background:#4fd5b2;animation-delay:.05s}.confetti-burst i:nth-child(3){left:0;background:#5b9bd5;animation-delay:.1s}.confetti-burst i:nth-child(4){left:30px;background:#eea24c;animation-delay:.07s}.confetti-burst i:nth-child(5){left:60px;background:#4fd5b2;animation-delay:.12s}.confetti-burst i:nth-child(6){left:-45px;background:#e8e574;animation-delay:.03s}.confetti-burst i:nth-child(7){left:45px;background:#5b9bd5;animation-delay:.08s}.confetti-burst i:nth-child(8){left:-15px;background:#e8e574;animation-delay:.15s}.confetti-burst i:nth-child(9){left:15px;background:#eea24c;animation-delay:.06s}.confetti-burst i:nth-child(10){left:-50px;background:#4fd5b2;animation-delay:.11s}.confetti-burst i:nth-child(11){left:50px;background:#e8e574;animation-delay:.04s}.confetti-burst i:nth-child(12){left:0;background:#5b9bd5;animation-delay:.09s}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(180px) rotate(720deg) scale(.3)}}.confetti-burst i:nth-child(odd){width:6px;height:10px;border-radius:1px}.confetti-burst i:nth-child(1){animation-name:confettiLeft1}.confetti-burst i:nth-child(2){animation-name:confettiRight1}.confetti-burst i:nth-child(3){animation-name:confettiFall}.confetti-burst i:nth-child(4){animation-name:confettiLeft2}.confetti-burst i:nth-child(5){animation-name:confettiRight2}.confetti-burst i:nth-child(6){animation-name:confettiRight1}.confetti-burst i:nth-child(7){animation-name:confettiLeft1}.confetti-burst i:nth-child(8){animation-name:confettiLeft2}.confetti-burst i:nth-child(9){animation-name:confettiRight2}.confetti-burst i:nth-child(10){animation-name:confettiFall}.confetti-burst i:nth-child(11){animation-name:confettiLeft1}.confetti-burst i:nth-child(12){animation-name:confettiRight1}@keyframes confettiLeft1{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(-40px,200px) rotate(-540deg) scale(.2)}}@keyframes confettiRight1{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(40px,190px) rotate(540deg) scale(.2)}}@keyframes confettiLeft2{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(-25px,220px) rotate(-360deg) scale(.3)}}@keyframes confettiRight2{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(30px,210px) rotate(450deg) scale(.25)}}.confetti-mega{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.confetti-mega i{position:absolute;top:var(--cy, -24px);left:var(--cx, 50vw);width:var(--cw, 10px);height:var(--ch, 14px);background:var(--cc, #eea24c);border-radius:var(--cr, 2px);opacity:0;animation:confettiMegaFall var(--cd, 3s) cubic-bezier(.18,.55,.45,1) var(--cdelay, 0s) forwards;will-change:transform,opacity}@keyframes confettiMegaFall{0%{opacity:0;transform:translateZ(0) rotate(0)}6%{opacity:1}to{opacity:0;transform:translate3d(var(--cdrift, 0),var(--cdy, 110vh),0) rotate(var(--crot, 720deg))}}.confetti-mega i.confetti-firework{animation:confettiMegaFirework var(--cd, 1.6s) cubic-bezier(.16,.85,.32,1) var(--cdelay, 0s) forwards}@keyframes confettiMegaFirework{0%{opacity:0;transform:translateZ(0) rotate(0)}10%{opacity:1}60%{opacity:1}to{opacity:0;transform:translate3d(var(--cdrift, 0),var(--cdy, -90vh),0) rotate(var(--crot, 540deg))}}@media(prefers-reduced-motion:reduce){.confetti-mega{display:none}}@keyframes stepEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-content-enter{animation:stepEnter var(--duration-normal) var(--ease-out)}.step-content-stagger>*{opacity:0;animation:fadeInUp var(--duration-normal) var(--ease-out) forwards}.step-content-stagger>*:nth-child(1){animation-delay:0ms}.step-content-stagger>*:nth-child(2){animation-delay:60ms}.step-content-stagger>*:nth-child(3){animation-delay:.12s}.step-content-stagger>*:nth-child(4){animation-delay:.18s}.step-content-stagger>*:nth-child(5){animation-delay:.24s}.step-content-stagger>*:nth-child(6){animation-delay:.3s}@keyframes stepHeroEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-hero-enter{animation:stepHeroEnter var(--duration-normal) var(--ease-out)}@keyframes completeGlow{0%,to{box-shadow:0 0 rgba(var(--color-secondary-rgb, 34, 197, 94),0)}50%{box-shadow:0 0 20px 4px rgba(var(--color-secondary-rgb, 34, 197, 94),.2)}}.step-complete-animation{animation:completeGlow 1.5s var(--ease-out)}.page-enter{animation:fadeIn .3s ease-out}.page-exit{animation:fadeOut .2s ease-in forwards}.content-fade-in{animation:fadeIn .3s ease-out}@media(prefers-reduced-motion:reduce){.animate-pulse,.animate-bounce,.animate-float,.animate-heartbeat,.animate-glow,.animate-spin,.animate-shimmer,.animate-gradient,.animate-slide-in,.animate-fade-in,.animate-scale-in,.animate-breathe,.animate-progress-complete,.animate-icon-bounce,.animate-gradient-flow,.animate-ring-pulse,.animate-scale-reveal,.animate-sparkle{animation:none!important}.hover-elastic:hover,.hover-tilt:hover,.hover-magnetic:hover{transform:none!important}*{scroll-behavior:auto!important}.btn,.card,.step-item,.module-header{transition:background-color .1s ease,border-color .1s ease,color .1s ease,opacity .1s ease!important;transform:none!important}.btn:hover:not(:disabled),.btn:active:not(:disabled){transform:none!important;box-shadow:none!important}.sidebar{transition:none!important}.sidebar.-translate-x-full{visibility:hidden;opacity:0;transition:visibility 0s,opacity .1s ease!important}.sidebar:not(.-translate-x-full){visibility:visible;opacity:1;transform:translate(0)!important}.modal,.modal-content,[role=dialog]{animation:none!important;transition:opacity .1s ease!important}.progress-fill,.module-progress-fill{transition:width .1s ease!important}.quiz-option,.scale-btn,.multi-choice-option,.single-choice-option{transition:background-color .1s ease,border-color .1s ease!important;transform:none!important;animation:none!important}.assessment-questions>*{animation:none!important;opacity:1!important}.module-icon:before{display:none!important}.celebration-particle,.confetti,.confetti-burst,.milestone-particle{display:none!important}.milestone-overlay{transition:opacity .1s ease!important}.milestone-content{transition:opacity .1s ease!important;transform:none!important}.milestone-icon-container{animation:none!important}.step-badge:before{display:none!important}.step-badge-dot,.content-container,.content-container.page-enter-forward,.content-container.page-enter-backward{animation:none!important}.content-container>*{animation:none!important;opacity:1!important}.skeleton,.skeleton-text,.skeleton-circle{animation:none!important;background:var(--color-surface-hover)!important}.toast{animation:none!important;transition:opacity .1s ease!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:44px;font-size:var(--font-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:var(--transition-base);text-align:center;white-space:nowrap;user-select:none;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-xs),var(--shadow-inner);filter:brightness(.96)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:var(--opacity-50);cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark, #003348);filter:brightness(1.05)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-dark, #003348);filter:brightness(.95)}.btn-secondary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary);filter:brightness(1.15)}.btn-secondary:active:not(:disabled){filter:brightness(.9)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary);box-shadow:none}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:var(--color-gray-700);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);box-shadow:none}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.btn.is-saved,.is-saved{background-color:var(--color-success, #22c55e)!important;border-color:var(--color-success, #22c55e)!important;color:#fff!important;animation:btn-saved-pop .25s ease-out}.btn.is-saved i,.btn.is-saved svg,.is-saved i,.is-saved svg{color:#fff!important;stroke:currentColor}@keyframes btn-saved-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.btn.is-saved,.is-saved{animation:none}}.btn-warning{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);border-radius:var(--radius-sm)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--font-xl)}.btn-pill{border-radius:var(--radius-full)}.btn-square{border-radius:0}.btn-rounded{border-radius:var(--radius-lg)}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:spin var(--duration-700) linear infinite}.btn-group{display:inline-flex;gap:0}.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px}.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:hover{z-index:1}.btn-icon{padding:var(--space-2);width:2.75rem;height:2.75rem;min-width:44px;min-height:44px}.btn-icon.btn-sm{width:2.5rem;height:2.5rem;min-width:44px;min-height:44px;padding:var(--space-1)}.btn-icon.btn-lg{width:3rem;height:3rem;padding:var(--space-3)}.btn-icon svg{width:1.25rem;height:1.25rem}.btn-block{width:100%;display:flex}.btn i,.btn svg{width:1rem;height:1rem;flex-shrink:0}.btn i:first-child,.btn svg:first-child{margin-right:var(--space-2)}.btn i:last-child,.btn svg:last-child{margin-left:var(--space-2)}.btn-fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:3.5rem;height:3.5rem;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.btn-fab:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width var(--duration-500) ease,height var(--duration-500) ease}.btn-ripple:active:after{width:300px;height:300px}.btn-gradient{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border:none;color:var(--color-primary)}.btn-gradient:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-light),var(--color-accent))}.btn-glass{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:var(--color-primary)}.btn-glass:hover:not(:disabled){background:#ffffff40;border-color:#ffffff59}.btn-cta,.btn-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5) var(--space-8);min-height:56px;font-size:var(--font-lg);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;background:var(--gradient-accent);color:var(--color-primary);box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.3),inset 0 1px #ffffff4d}.btn-cta:hover,.btn-cta-primary:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-accent-rgb),.4),inset 0 1px #fff6;background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-gold-light) 100%)}.btn-cta:active,.btn-cta-primary:active{transform:scale(.98);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3),inset 0 1px #fff3}.btn-cta:focus-visible,.btn-cta-primary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.btn-cta i,.btn-cta-primary i,.btn-cta svg,.btn-cta-primary svg{width:20px;height:20px;transition:transform .2s ease}.btn-cta:hover i,.btn-cta-primary:hover i,.btn-cta:hover svg,.btn-cta-primary:hover svg{transform:translate(4px)}.btn-cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);min-height:48px;font-size:var(--font-base);font-weight:600;border-radius:var(--radius-lg);border:2px solid var(--color-primary);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;background:#fff;color:var(--color-primary);box-shadow:0 2px 8px #00000014}.btn-cta-secondary:hover{transform:translateY(-2px);background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #003b5c40}.btn-cta-secondary:active{transform:translateY(0);box-shadow:0 2px 4px #003b5c33}.btn-cta-secondary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.btn-cta-secondary i,.btn-cta-secondary svg{width:18px;height:18px;transition:transform .2s ease}.btn-cta-secondary:hover i,.btn-cta-secondary:hover svg{transform:translate(2px)}.btn-cta-pulse{animation:cta-pulse 2s ease-in-out infinite}@keyframes cta-pulse{0%,to{box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.3),0 0 rgba(var(--color-accent-rgb),.4)}50%{box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.3),0 0 0 12px rgba(var(--color-accent-rgb),0)}}.lesson-cta{text-align:center;margin:var(--space-8) 0;padding:var(--space-6);background:linear-gradient(180deg,var(--color-gray-50) 0%,white 100%);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100)}.lesson-cta-hint{margin-top:var(--space-3);font-size:var(--font-sm);color:var(--color-gray-500)}.lesson-cta-return-hint{margin-top:var(--space-2);font-size:var(--font-sm);color:var(--color-accent);font-weight:500;font-style:italic}@media(max-width:768px){.btn{min-height:48px;padding:var(--space-3) var(--space-5)}.btn-sm{min-height:44px;padding:var(--space-2) var(--space-4)}.btn-lg{min-height:52px;padding:var(--space-4) var(--space-6)}.btn-icon,.btn-icon.btn-sm{min-width:48px;min-height:48px}.btn+.btn{margin-left:var(--space-3)}.btn-group{flex-direction:column;width:100%}.btn-group>.btn{width:100%;margin-left:0;border-radius:var(--radius-md)}.btn-group>.btn:not(:first-child){margin-top:-2px}.btn:hover{transform:none}.btn:active{transform:scale(.98)}.btn-cta,.btn-cta-primary{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-base);min-height:52px}.btn-cta:hover,.btn-cta-primary:hover{transform:none}.btn-cta:active,.btn-cta-primary:active{transform:scale(.98)}}.form{width:100%}.form-group{margin-bottom:var(--space-6)}.form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.form-row>*{flex:1}.form-label,.input-label{display:block;font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.form-label.required:after,.input-label.required:after{content:" *";color:var(--color-error)}.input-field,.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-base);line-height:var(--leading-normal);color:var(--color-gray-900);background-color:#fff;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:var(--transition-fast);box-shadow:var(--shadow-xs)}.input-field:hover,.form-input:hover{border-color:var(--color-gray-400)}.input-field:focus,.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus);background-color:#fff}.input-field::placeholder,.form-input::placeholder{color:var(--color-gray-400);opacity:1}.input-field:disabled,.form-input:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed;opacity:var(--opacity-60)}.input-field[readonly],.form-input[readonly]{background-color:var(--color-gray-50);border-color:var(--color-gray-200);cursor:default}.input-field.success,.form-input.success,.input-field.is-valid,.form-input.is-valid{border-color:var(--color-success);background-color:#a9bf7f0d}.input-field.success:focus,.form-input.success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #a9bf7f33}.input-field.error,.form-input.error,.input-field.is-invalid,.form-input.is-invalid{border-color:var(--color-error);background-color:#ef44440d}.input-field.error:focus,.form-input.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.input-field.warning,.form-input.warning{border-color:var(--color-warning);background-color:#eea24c0d}.input-field.warning:focus,.form-input.warning:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px #eea24c33}.input-hint,.form-help{display:block;margin-top:var(--space-1);font-size:var(--font-xs);line-height:var(--leading-normal);color:var(--color-gray-500)}.input-error,.form-error,.invalid-feedback{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-xs);line-height:var(--leading-normal);color:var(--color-error);font-weight:var(--font-medium)}.input-error:before,.form-error:before,.invalid-feedback:before{content:"";width:14px;height:14px;flex-shrink:0;background:var(--color-error);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E")}.input-success,.valid-feedback{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-xs);line-height:var(--leading-normal);color:var(--color-success);font-weight:var(--font-medium);animation:fadeInSuccess .3s ease-out}.input-success:before,.valid-feedback:before{content:"";width:14px;height:14px;flex-shrink:0;background:var(--color-success);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");animation:checkmarkPop .4s ease-out}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.input-warning{display:block;margin-top:var(--space-1);font-size:var(--font-xs);line-height:var(--leading-normal);color:var(--color-warning);font-weight:var(--font-medium)}.form-field--success .input-field,.form-field--success .form-input,.form-field--success textarea,.form-field--success select{border-color:var(--color-success);background-color:rgba(var(--color-secondary-rgb, 34, 197, 94),.03)}.form-field--success .input-field:focus,.form-field--success .form-input:focus{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb, 34, 197, 94),.15)}.form-field--success .form-label,.form-field--success .input-label{color:var(--color-success-dark)}.form-field--success:after{content:"";position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--color-success);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");animation:checkmarkPop .4s ease-out}.form-field--success{position:relative}textarea{min-height:6rem;resize:vertical;font-family:inherit}textarea.no-resize{resize:none}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10);cursor:pointer}.checkbox,.radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;border:2px solid var(--color-gray-300);cursor:pointer;transition:var(--transition-fast)}input[type=checkbox]{border-radius:var(--radius-sm)}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:focus,input[type=radio]:focus{outline:none;box-shadow:var(--shadow-focus)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:var(--opacity-50);cursor:not-allowed}.input-group{position:relative;display:flex;align-items:stretch}.input-icon-left{position:relative}.input-icon-left .input-field{padding-left:var(--space-10)}.input-icon-left i,.input-icon-left svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-gray-400);pointer-events:none}.input-icon-right{position:relative}.input-icon-right .input-field{padding-right:var(--space-10)}.input-icon-right i,.input-icon-right svg{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-gray-400);pointer-events:none}.input-addon{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-gray-700);background-color:var(--color-gray-100);border:2px solid var(--color-gray-300);white-space:nowrap}.input-addon:first-child{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-addon:last-child{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .input-field{border-radius:0}.input-group .input-field:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .input-field:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-sm)}.input-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-lg)}.file-input{position:relative;display:inline-block;cursor:pointer}.file-input input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-primary);background-color:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.file-input-label:hover{background-color:var(--color-primary);color:#fff}.toggle-switch{position:relative;display:inline-block;width:3rem;height:1.75rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-300);border-radius:var(--radius-full);transition:var(--transition-base)}.toggle-slider:before{content:"";position:absolute;height:1.25rem;width:1.25rem;left:.25rem;bottom:.25rem;background-color:#fff;border-radius:var(--radius-full);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(1.25rem)}.toggle-switch input:focus+.toggle-slider{box-shadow:var(--shadow-focus)}.toggle-switch input:disabled+.toggle-slider{opacity:var(--opacity-50);cursor:not-allowed}.floating-label{position:relative}.floating-label .input-field{padding-top:var(--space-5);padding-bottom:var(--space-2)}.floating-label label{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--font-base);color:var(--color-gray-400);pointer-events:none;transition:var(--transition-fast)}.floating-label .input-field:focus+label,.floating-label .input-field:not(:placeholder-shown)+label{top:var(--space-2);font-size:var(--font-xs);color:var(--color-accent);transform:translateY(0)}.password-strength{display:flex;gap:var(--space-1);margin-top:var(--space-2);height:.25rem}.password-strength-bar{flex:1;background-color:var(--color-gray-200);border-radius:var(--radius-full);transition:var(--transition-base)}.password-strength-bar.active{background-color:var(--color-gray-400)}.password-strength.weak .password-strength-bar:nth-child(1).active{background-color:var(--color-error)}.password-strength.medium .password-strength-bar:nth-child(-n+2).active{background-color:var(--color-warning)}.password-strength.strong .password-strength-bar:nth-child(-n+3).active{background-color:var(--color-success)}.password-strength.very-strong .password-strength-bar.active{background-color:var(--color-success-dark)}.unsaved-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-warning-light);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-warning-dark);animation:unsavedPulse 2s ease-in-out infinite}.unsaved-indicator:before{content:"";width:8px;height:8px;background:var(--color-warning);border-radius:var(--radius-full)}@keyframes unsavedPulse{0%,to{opacity:1}50%{opacity:.7}}.form-group.has-changes{position:relative}.form-group.has-changes:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:var(--color-warning);border-radius:var(--radius-full);animation:unsavedPulse 2s ease-in-out infinite}.text-input-content{max-width:600px;margin:0 auto}.input-prompt{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:500}.text-input-wrapper{position:relative}.text-input-field{width:100%;min-height:150px;padding:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:inherit;resize:vertical;transition:border-color var(--duration-fast)}.text-input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.1)}.text-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3)}.char-count{font-size:var(--text-sm);color:var(--text-muted)}.save-input-btn{padding:var(--space-2) var(--space-4)}.file-upload-content{max-width:500px;margin:0 auto}.upload-prompt{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);text-align:center;font-weight:500}.file-upload-zone{border:2px dashed var(--border-default);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;cursor:pointer;transition:all var(--duration-normal);background:var(--bg-secondary)}.file-upload-zone:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.file-upload-zone.drag-over{border-color:var(--color-accent);background:var(--color-accent-light);transform:scale(1.02)}.upload-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--text-muted)}.upload-icon svg,.upload-icon i{width:48px;height:48px}.upload-text{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2)}.upload-or{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-3) 0}.upload-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.uploaded-files{margin-top:var(--space-4)}.uploaded-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:var(--space-2)}.uploaded-file-info{display:flex;align-items:center;gap:var(--space-2)}.uploaded-file-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.uploaded-file-size{font-size:var(--text-xs);color:var(--text-muted)}.uploaded-file-remove{padding:var(--space-1);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast)}.uploaded-file-remove:hover{color:var(--color-error)}@media(max-width:640px){.text-input-content,.file-upload-content{padding:0 var(--space-4)}.text-input-field{min-height:120px}.file-upload-zone{padding:var(--space-6)}.upload-icon{width:36px;height:36px}}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:max(1rem,16px)}}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-radius:var(--radius-full);border-top-color:var(--color-accent);animation:spin var(--duration-700) linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:3rem;height:3rem;border-width:4px}.spinner-xl{width:4rem;height:4rem;border-width:5px}.spinner-primary{border-top-color:var(--color-primary)}.spinner-success{border-top-color:var(--color-success)}.spinner-warning{border-top-color:var(--color-warning)}.spinner-error{border-top-color:var(--color-error)}.loading-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--duration-200) ease}.loading-overlay .spinner{width:3rem;height:3rem;border-width:4px;border-top-color:#fff;border-right-color:#ffffff4d;border-bottom-color:#ffffff4d;border-left-color:#ffffff4d}.loading-message{margin-top:var(--space-4);color:#fff;font-size:var(--font-lg);font-weight:var(--font-semibold);text-align:center}.dots-loader{display:inline-flex;gap:var(--space-2)}.dots-loader span{display:block;width:.75rem;height:.75rem;background-color:var(--color-accent);border-radius:var(--radius-full);animation:bounce 1.4s infinite ease-in-out both}.dots-loader span:nth-child(1){animation-delay:-.32s}.dots-loader span:nth-child(2){animation-delay:-.16s}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:inherit}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:80%}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-4)}.skeleton-avatar{width:3rem;height:3rem;border-radius:var(--radius-full)}.skeleton-avatar-sm{width:2rem;height:2rem}.skeleton-avatar-lg{width:4rem;height:4rem}.skeleton-button{height:2.5rem;width:8rem}.skeleton-input{height:2.75rem;width:100%}.skeleton-card{height:12rem;width:100%}.skeleton-image{width:100%;padding-bottom:56.25%;height:0}.skeleton-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.skeleton-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.progress{width:100%;height:.5rem;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar{height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-300) ease;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:2rem 2rem;animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:2rem 0}to{background-position:0 0}}.progress-bar.no-stripes:after{display:none}.progress-sm{height:.25rem}.progress-lg{height:1rem}.progress-success .progress-bar{background-color:var(--color-success)}.progress-warning .progress-bar{background-color:var(--color-warning)}.progress-error .progress-bar{background-color:var(--color-error)}.progress-indeterminate{position:relative;overflow:hidden}.progress-indeterminate .progress-bar{position:absolute;width:30%;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{left:-30%}to{left:100%}}.progress-circle{position:relative;width:4rem;height:4rem;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--color-gray-200);stroke-width:4}.progress-circle-bar{fill:none;stroke:var(--color-accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--duration-300) ease}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-700)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:spin var(--duration-700) linear infinite;opacity:1;color:inherit}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-fast{animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite}.pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.lazy-load{opacity:0;transition:opacity var(--duration-300) ease}.lazy-load.loaded{opacity:1}.content-loader{padding:var(--space-8);text-align:center}.content-loader .spinner{margin-bottom:var(--space-4)}.content-loader-text{color:var(--color-gray-600);font-size:var(--font-sm)}.skeleton-step{max-width:720px;margin:0 auto;padding:var(--space-6)}.skeleton-step-header{height:2rem;width:60%;margin-bottom:var(--space-6)}.skeleton-step-content{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-step-line{height:1rem;width:100%}.skeleton-step-line:nth-child(2){width:95%}.skeleton-step-line:nth-child(3){width:88%}.skeleton-step-line:last-child{width:70%}.skeleton-step-assessment{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-lg)}.skeleton-step-assessment .skeleton-title{width:40%;margin-bottom:var(--space-6)}.skeleton-step-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.skeleton-step-btn{height:48px;width:48px;border-radius:var(--radius-full)}.page-loading{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-accent);z-index:var(--z-max);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.page-loading.active{transform:scaleX(.3)}.page-loading.complete{transform:scaleX(1);transition:transform .2s ease}.saving-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary)}.saving-indicator .spinner{width:12px;height:12px;border-width:2px}.saving-indicator.saved{background:var(--color-success-light);color:var(--color-success-dark)}.saving-indicator.saved .spinner{display:none}.saving-indicator.saved:before{content:"";width:12px;height:12px;background:var(--color-success);border-radius:var(--radius-full);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E")}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:420px;width:100%}@media(max-width:640px){.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none;align-items:center}}@media(max-width:768px){.toast-container{top:calc(56px + var(--space-4))}}.toast{position:relative;min-width:320px;padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-accent);pointer-events:auto;animation:slideInRight var(--duration-300) cubic-bezier(.34,1.56,.64,1);overflow:hidden;display:flex;align-items:flex-start;gap:var(--space-3)}.toast.toast-exit{animation:slideOutRight var(--duration-200) cubic-bezier(.36,0,.66,-.56) forwards}@media(max-width:640px){.toast{min-width:0;width:100%}}@keyframes slideInRight{0%{opacity:0;transform:translate(calc(100% + var(--space-6)))}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + var(--space-6)))}}.toast.success{border-left-color:var(--color-success)}.toast.error,.toast.danger{border-left-color:var(--color-error)}.toast.warning{border-left-color:var(--color-warning)}.toast.info{border-left-color:var(--color-info)}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-gray-700)}.toast.success .toast-icon{background:var(--color-success-light);color:var(--color-success)}.toast.error .toast-icon,.toast.danger .toast-icon{background:var(--color-error-light);color:var(--color-error)}.toast.warning .toast-icon{background:var(--color-warning-light);color:var(--color-warning)}.toast.info .toast-icon{background:var(--color-info-light);color:var(--color-info)}.toast-icon svg{width:16px;height:16px}.toast-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.toast-title{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-gray-900);line-height:var(--leading-tight);margin:0}.toast-message{font-size:var(--font-sm);color:var(--color-gray-600);line-height:var(--leading-normal);word-wrap:break-word;margin:0}.toast-close{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);padding:0}.toast-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.toast-close:active{transform:scale(.9)}.toast-close svg{width:14px;height:14px}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-gray-200);overflow:hidden}.toast-progress-bar{height:100%;background:var(--color-accent);transition:width linear;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.toast.success .toast-progress-bar{background:var(--color-success)}.toast.error .toast-progress-bar,.toast.danger .toast-progress-bar{background:var(--color-error)}.toast.warning .toast-progress-bar{background:var(--color-warning)}.toast.info .toast-progress-bar{background:var(--color-info)}.toast-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.toast-action-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition-base)}.toast-action-btn.primary{background:var(--color-accent);color:#fff}.toast-action-btn.primary:hover{background:var(--color-accent-dark)}.toast-action-btn.secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.toast-action-btn.secondary:hover{background:var(--color-gray-200)}@media(prefers-reduced-motion:reduce){.toast,.toast.toast-exit{animation-duration:.01ms!important}.toast-progress-bar{transition-duration:.01ms!important}}.toast:focus-within{box-shadow:var(--shadow-xl),0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.toast-container>.toast:nth-child(n+4){opacity:.8;transform:scale(.95) translateY(calc(-1 * var(--space-2)));pointer-events:none}.toast-container>.toast:nth-child(n+5){display:none}.sidebar{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-width);background:var(--color-primary);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),width var(--transition-slow);box-shadow:2px 0 8px #0000001a;overflow:hidden;will-change:transform;transform:translateZ(0);-webkit-user-select:none;user-select:none;padding-left:var(--safe-left);padding-bottom:var(--safe-bottom)}.sidebar.open{transform:translateZ(0)}.sidebar-brand{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1);transition:background-color var(--duration-fast)}.sidebar-brand:hover{background-color:#ffffff0d}.sidebar-brand:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.sidebar-brand .logo-container{background:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:box-shadow var(--duration-normal)}.sidebar-brand .logo-container:hover{box-shadow:0 2px 8px #0000001a}.logo-dual{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-width:0}.logo-dual-at,.logo-dual-org{flex:0 1 auto;height:1.75rem;width:auto;max-width:5.5rem;object-fit:contain;object-position:center;display:block}.sidebar-brand .logo-separator{display:block;width:1px;height:1.5rem;background:#0000001f;flex-shrink:0}.sidebar-subtitle{font-size:var(--text-xs);color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:var(--space-sm);text-align:center}.developed-by{font-size:var(--text-xs);color:#ffffffb3;margin-top:var(--space-2);text-align:center;line-height:1.4}.developed-by .at-link{color:var(--color-accent);font-weight:600;text-decoration:none;transition:color var(--duration-fast)}.developed-by .at-link:hover{color:var(--color-accent-hover, #f5b060);text-decoration:underline}.sidebar-home-btn{display:flex;align-items:center;gap:var(--space-2, .5rem);width:calc(100% - var(--space-lg, 1.5rem) * 2);margin:var(--space-3, .75rem) var(--space-lg, 1.5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md, 8px);color:#fffc;font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:all .2s ease}.sidebar-home-btn:hover{background:#ffffff26;border-color:#ffffff40;color:#fff}.sidebar-home-btn:active{transform:scale(.98)}.sidebar-home-btn i,.sidebar-home-btn svg{flex-shrink:0;opacity:.7}.sidebar-home-btn:hover i,.sidebar-home-btn:hover svg{opacity:1}.sidebar-home-divider{height:1px;background:#ffffff14;margin:0 var(--space-lg)}.sidebar-modules{flex:1;overflow-y:auto;padding:var(--space-md) 0}.sidebar-modules::-webkit-scrollbar{width:6px}.sidebar-modules::-webkit-scrollbar-track{background:transparent}.sidebar-modules::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}.sidebar-modules::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.lang-toggle-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:var(--radius-full);color:#ffffffa6;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:none;cursor:pointer;transition:color var(--duration-fast),background-color var(--duration-fast)}.lang-toggle-btn:hover{color:#fff;background:#ffffff1a}.module-header{padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);color:#ffffffbf;transition:all var(--duration-normal);margin-top:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);margin-left:var(--space-sm);margin-right:var(--space-sm)}.module-header:hover{color:#fffc;background-color:#ffffff0d}.module-header:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.module-header.active{color:#fff}.module-icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:#ffffff14;transition:all var(--duration-normal);flex-shrink:0;position:relative;overflow:hidden}.module-header.active .module-icon{background:var(--gradient-accent);box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.4)}.module-info{flex:1;min-width:0}.module-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.module-progress-bar{height:4px;background:#ffffff26;border-radius:var(--radius-full);margin-top:var(--space-xs);overflow:hidden}.module-progress-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--duration-slow)}.module-divider{height:1px;background:#ffffff12;margin:var(--space-md) var(--space-lg)}.step-item{width:100%;padding:var(--space-md) var(--space-lg);padding-left:calc(var(--space-lg) + 56px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);color:#ffffffbf;background:transparent;border:none;cursor:pointer;transition:all var(--duration-normal);position:relative;text-align:left;font-family:inherit;min-height:44px}.step-item:before{content:"";position:absolute;left:calc(var(--space-lg) + 21px);top:0;bottom:0;width:2px;background:#ffffff1a}.step-item:last-child:before{bottom:50%}.step-item:hover{background:#ffffff14;color:#ffffffe6}.step-item.active{background:#ffffff1f;color:#fff;font-weight:500}.step-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--gradient-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:0 2px 8px rgba(var(--color-accent-rgb, 232, 180, 76),.4)}.step-content{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.step-number{font-size:var(--text-xs);font-family:var(--font-mono);opacity:.85;flex-shrink:0;min-width:24px}.step-item.active .step-number{color:var(--color-accent);opacity:1}.step-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm)}.step-icon{width:20px;height:20px;flex-shrink:0;opacity:.7;transition:all var(--duration-fast)}.step-item.completed .step-icon{color:var(--color-success);opacity:1}.step-item.active .step-icon{color:var(--color-accent);opacity:1}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:calc(var(--z-fixed) - 1);opacity:0;transition:opacity var(--duration-normal)}.sidebar-overlay.visible{opacity:1}@media(max-width:1024px){.sidebar{transform:translate3d(-100%,0,0)}.sidebar.open{transform:translateZ(0)}.sidebar.open~.sidebar-overlay{display:block}}@media(max-width:768px){.sidebar{width:min(260px,85vw)}.sidebar-brand{padding:var(--space-md);position:relative}.sidebar-brand .logo-container{padding:var(--space-xs) var(--space-sm)}.module-header{padding:var(--space-sm) var(--space-md)}.step-item{padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 48px);min-height:48px}.step-item:before{left:calc(var(--space-md) + 17px)}.sidebar-footer{padding:var(--space-sm) var(--space-md)}}.sidebar-close{display:none;position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1a;border:none;color:#fff;cursor:pointer;align-items:center;justify-content:center;transition:all var(--duration-fast);touch-action:manipulation}.sidebar-close:hover{background:#fff3}.sidebar-close:active{transform:scale(.95)}.sidebar-close svg{width:20px;height:20px}@media(max-width:1024px){.sidebar-close{display:flex}}.header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);position:sticky;top:0;z-index:var(--z-sticky);padding-top:var(--safe-top);transition:box-shadow var(--duration-normal)}.header.scrolled{box-shadow:var(--shadow-md)}.header-left{display:flex;align-items:center;gap:var(--space-lg)}.mobile-hamburger-btn{display:none;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:var(--radius-lg);border:none;background:var(--color-primary);cursor:pointer;align-items:center;justify-content:center;color:#fff;transition:background var(--duration-fast),transform var(--duration-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-hamburger-btn svg{width:24px;height:24px}.mobile-hamburger-btn:hover{background:var(--color-primary-dark)}.mobile-hamburger-btn:active{transform:scale(.95)}.mobile-hamburger-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-menu-btn{display:none}.header-module-info{display:flex;flex-direction:column;gap:2px}.header-label{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.header-right{display:flex;align-items:center;gap:var(--space-md)}.progress-container{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:1px solid var(--border-default);box-shadow:0 1px 3px #0000000a;transition:background var(--duration-fast)}.progress-container:hover{background:var(--bg-tertiary)}.progress-text{font-size:var(--text-sm);font-weight:700;color:var(--color-accent-dark);min-width:36px;text-align:right;font-family:var(--font-mono)}.progress-bar{width:120px;height:10px;background:linear-gradient(180deg,#0000000f,#00000005);border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000001a}.progress-fill{height:100%;background:var(--gradient-accent, linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-hover) 100%));border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px rgba(var(--color-accent-rgb, 232, 180, 76),.4)}.progress-module-context{display:flex;flex-direction:column;gap:2px}.progress-module-label{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-step-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.step-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-gray-600)}.step-breadcrumb-item{display:flex;align-items:center;gap:var(--space-1)}.step-breadcrumb-item a{color:var(--color-gray-600);text-decoration:none;transition:color var(--duration-fast)}.step-breadcrumb-item a:hover{color:var(--color-primary)}.step-breadcrumb-separator{color:var(--color-gray-400)}.step-breadcrumb-current{font-weight:600;color:var(--color-primary)}.user-section{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{width:32px;height:32px;background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:transform var(--duration-fast)}.user-avatar:hover{transform:scale(1.05)}.user-email{font-size:var(--text-sm);color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);touch-action:manipulation}.header-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.language-switcher{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-light)}.lang-btn{padding:var(--space-sm) var(--space-md);min-width:44px;min-height:36px;border-radius:var(--radius-full);border:none;background:transparent;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);touch-action:manipulation}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{background:var(--color-accent);color:#fff}.settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);touch-action:manipulation}.settings-btn:hover{background:var(--bg-tertiary);border-color:var(--border-dark);color:var(--text-primary)}.settings-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-progress-badge{display:none;align-items:center;gap:var(--space-xs);padding:4px 10px;background:var(--color-accent-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--color-accent-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast),box-shadow var(--duration-fast);border:none;font-family:inherit}.mobile-progress-badge:active{transform:scale(.95)}.mobile-progress-badge:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.has-tooltip{position:relative}.toolbar-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);padding:6px 12px;background:var(--color-primary-dark, #003348);color:#fff;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:calc(var(--z-sticky, 100) + 10);box-shadow:0 4px 12px #00000026}.toolbar-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--color-primary-dark, #003348)}.has-tooltip:hover .toolbar-tooltip,.has-tooltip:focus-visible .toolbar-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.header-toolbar .has-tooltip:last-child .toolbar-tooltip,.header-toolbar .has-tooltip:nth-last-child(2) .toolbar-tooltip{left:auto;right:0;transform:translate(0) translateY(-4px)}.header-toolbar .has-tooltip:last-child:hover .toolbar-tooltip,.header-toolbar .has-tooltip:last-child:focus-visible .toolbar-tooltip,.header-toolbar .has-tooltip:nth-last-child(2):hover .toolbar-tooltip,.header-toolbar .has-tooltip:nth-last-child(2):focus-visible .toolbar-tooltip{transform:translate(0) translateY(0)}.header-toolbar .has-tooltip:last-child .toolbar-tooltip:after,.header-toolbar .has-tooltip:nth-last-child(2) .toolbar-tooltip:after{left:auto;right:12px;transform:none}@media(hover:none){.toolbar-tooltip{display:none}}@media(max-width:1024px){.mobile-hamburger-btn{display:flex}}@media(max-width:768px){.header{height:56px;padding:0 var(--space-sm);gap:var(--space-sm)}.header-left{gap:var(--space-sm)}.header-right{gap:var(--space-xs)}.header-title{font-size:var(--text-base)}.progress-container{display:none}.mobile-progress-badge{display:flex;padding:6px 12px;font-size:var(--text-sm);gap:var(--space-sm)}.mobile-progress-badge svg{width:20px;height:20px}.user-email,.header-btn-label{display:none}.header-toolbar{gap:0;padding:0;background:none;border:none;box-shadow:none}.header-toolbar-btn{padding:8px;min-width:40px;min-height:40px}.header-toolbar-btn svg{width:20px;height:20px}.header-divider{display:none}.header-actions{gap:var(--space-xs)}.header-data-group,#header-devmode-btn,#header-pdf-btn,#header-settings-btn{display:none}}@media(max-width:480px){.header-module-info{max-width:150px}.header-title{font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-switcher,.header-devmode-label{display:none}}.header-overflow-wrap{display:none;position:relative}.header-overflow-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;padding:var(--space-xs);z-index:var(--z-dropdown);animation:overflow-fade-in .15s ease}@keyframes overflow-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-overflow-wrap.open .header-overflow-dropdown{display:block}.header-overflow-wrap.open .header-overflow-btn{background:var(--color-surface-hover);color:var(--color-text-primary)}.header-overflow-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-family:inherit;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);-webkit-tap-highlight-color:transparent;text-align:left}.header-overflow-item:hover,.header-overflow-item:focus-visible{background:var(--color-surface-hover);color:var(--color-text-primary)}.header-overflow-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.header-overflow-item--danger:hover,.header-overflow-item--danger:focus-visible{background:#fef2f2;color:#dc2626}.header-overflow-item svg{width:16px;height:16px;flex-shrink:0}.header-overflow-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}@media(max-width:768px){.header-overflow-wrap{display:block}.header-overflow-btn{color:var(--color-text-secondary);background:var(--color-surface-hover);border-radius:var(--radius-md)}}.quiz-container{max-width:580px;margin:0 auto}.quiz-header{margin-bottom:var(--space-lg)}.quiz-progress{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.quiz-progress-track{flex:1;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.quiz-progress-text{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.quiz-question{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);line-height:1.5;padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.quiz-question-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;margin-right:var(--space-sm)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-secondary);text-align:left;cursor:pointer;transition:all var(--duration-normal);display:flex;justify-content:space-between;align-items:center;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);min-height:52px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.quiz-option:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.quiz-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quiz-option.selected{border-color:var(--color-accent);background:var(--color-accent-light)}.quiz-option.correct{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success-dark)}.quiz-option.incorrect{border-color:var(--color-error);background:var(--color-error-light);color:var(--color-error-dark)}.quiz-option.correct-answer{border-color:var(--color-success);border-style:dashed;background:rgba(var(--color-secondary-rgb, 34, 197, 94),.05)}.quiz-option.disabled{pointer-events:none;opacity:.7}.quiz-option-label{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.quiz-option-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);flex-shrink:0;transition:all var(--duration-fast)}.quiz-option:hover .quiz-option-letter,.quiz-option.selected .quiz-option-letter{background:var(--color-accent);color:#fff}.quiz-option.correct .quiz-option-letter{background:var(--color-success);color:#fff}.quiz-option.incorrect .quiz-option-letter{background:var(--color-error);color:#fff}.quiz-option-text{flex:1}.quiz-option-icon{width:24px;height:24px;flex-shrink:0;opacity:0;transition:opacity var(--duration-fast)}.quiz-option.correct .quiz-option-icon,.quiz-option.incorrect .quiz-option-icon{opacity:1}.quiz-option.correct .quiz-option-icon{color:var(--color-success)}.quiz-option.incorrect .quiz-option-icon{color:var(--color-error)}.quiz-feedback{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);animation:slideUp var(--duration-normal) var(--ease-out)}.quiz-feedback.success{background:var(--color-success-light);border:1px solid var(--color-success)}.quiz-feedback.error{background:var(--color-error-light);border:1px solid var(--color-error)}.quiz-feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);margin-right:var(--space-sm)}.quiz-feedback.success .quiz-feedback-icon{background:var(--color-success);color:#fff}.quiz-feedback.error .quiz-feedback-icon{background:var(--color-error);color:#fff}.quiz-feedback-title{font-weight:600;margin-bottom:var(--space-xs)}.quiz-feedback.success .quiz-feedback-title{color:var(--color-success-dark)}.quiz-feedback.error .quiz-feedback-title{color:var(--color-error-dark)}.quiz-feedback-text{font-size:var(--text-sm);color:var(--text-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.quiz-results{text-align:center;padding:var(--space-xl)}.quiz-results-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--color-success-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;animation:bounce var(--duration-slow) var(--ease-bounce)}.quiz-results-icon svg{width:40px;height:40px;color:var(--color-success)}.quiz-results-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.quiz-results-score{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-lg)}.quiz-results-score strong{color:var(--color-accent);font-size:var(--text-3xl)}.quiz-results-stats{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.quiz-stat{text-align:center}.quiz-stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.quiz-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.quiz-stat.correct .quiz-stat-value{color:var(--color-success)}.quiz-stat.incorrect .quiz-stat-value{color:var(--color-error)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.quiz-question{font-size:var(--text-lg)}.quiz-option{padding:var(--space-md);min-height:56px}.quiz-option-letter{width:24px;height:24px;font-size:var(--text-xs)}.quiz-results-stats{flex-direction:column;gap:var(--space-md)}}@media(max-width:480px){.quiz-question{font-size:var(--text-base)}.quiz-option{padding:var(--space-sm) var(--space-md)}.quiz-actions{flex-direction:column}.quiz-actions .btn{width:100%}}.scale-input-container{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);transition:box-shadow var(--duration-normal) var(--ease-out)}.scale-input-container:hover{box-shadow:var(--shadow-md)}.scale-question{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.5;padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.question-number{color:var(--color-accent);font-weight:600;margin-right:var(--space-xs)}.scale-wrapper{display:flex;align-items:center;gap:var(--space-md)}.scale-label{font-size:var(--text-xs);color:var(--text-secondary);min-width:60px;text-align:center}.scale-buttons-group{display:flex;gap:var(--space-3);flex:1;justify-content:center;flex-wrap:wrap;max-width:100%}.scale-btn{width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid var(--color-gray-200);border-radius:50%;background:linear-gradient(180deg,#fff,#fafafa);color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:transform var(--duration-fast) cubic-bezier(.34,1.56,.64,1),border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);-webkit-tap-highlight-color:transparent;width:100%;box-sizing:border-box;touch-action:manipulation}.scale-btn:hover{border-color:var(--color-accent);background:linear-gradient(180deg,var(--color-accent-light) 0%,#fef6e0 100%);transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.25)}.scale-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.3)}.scale-btn:active{transform:scale(.95)}.scale-btn-selected{border-color:var(--color-primary);background:var(--color-primary-soft, rgba(1, 129, 177, .1));color:var(--color-primary);box-shadow:var(--shadow-primary, 0 2px 8px rgba(1, 129, 177, .2))}.scale-btn-selected:hover{background:var(--color-primary-soft, rgba(1, 129, 177, .15));transform:scale(1.05)}.scale-btn-check{position:absolute;top:-4px;right:-4px;background:#fff;border-radius:50%;padding:2px;box-shadow:var(--shadow-sm);z-index:1;display:none}.scale-btn-selected .scale-btn-check{display:flex;align-items:center;justify-content:center}.scale-btn-value{font-weight:600;color:inherit;position:relative;z-index:2}.scale-btn-selected .scale-btn-value{color:var(--color-text-primary)!important}.scale-labels-mobile{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary)}.scale-feedback{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent-light);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.multi-choice-container{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.multi-choice-question{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.multi-choice-hint{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.multi-choice-options{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%}.multi-choice-option{display:flex;align-items:center;gap:var(--space-4);max-width:100%;padding:var(--space-5) var(--space-6);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;box-shadow:0 1px 2px #00000008;transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) cubic-bezier(.34,1.56,.64,1);min-height:56px;-webkit-tap-highlight-color:transparent;width:100%;box-sizing:border-box}.multi-choice-option:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.multi-choice-option.selected{border-color:var(--color-accent);background:linear-gradient(135deg,#fef3e0 0%,var(--color-accent-light) 100%);box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.multi-choice-indicator{width:24px;height:24px;border-radius:var(--radius-md);background:var(--color-gray-100);border:2px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;color:transparent;flex-shrink:0;transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1)}.multi-choice-option:hover .multi-choice-indicator{border-color:var(--color-accent);background:#fff}.multi-choice-option.selected .multi-choice-indicator{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.multi-choice-label{flex:1;color:var(--text-primary)}.multi-choice-feedback{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary)}.selection-count{background:var(--color-accent-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.single-choice-container{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.single-choice-question{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.single-choice-options{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%}.single-choice-scenario{margin:var(--space-2) 0 var(--space-4) 0;font-size:var(--font-size-base, 1rem);line-height:1.6;color:var(--color-gray-700, #374151)}.single-choice-feedback-callout{display:flex;gap:var(--space-3, .75rem);align-items:flex-start;margin-top:var(--space-4, 1rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);border-radius:var(--radius-lg, 12px);background:color-mix(in srgb,var(--color-accent, #eea24c) 8%,white);border-left:4px solid var(--color-accent, #eea24c);animation:single-choice-feedback-fade .24s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.single-choice-feedback-callout.is-hidden{display:none}.single-choice-feedback-icon{width:22px;height:22px;flex-shrink:0;color:var(--color-accent, #eea24c);margin-top:1px}.single-choice-feedback-text{margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-gray-800, #1f2937)}@keyframes single-choice-feedback-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.text-question-wrapper{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.text-question-textarea{width:100%;min-height:96px;padding:var(--space-4, 1rem);border:2px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);font-family:inherit;font-size:var(--font-base, 1rem);line-height:1.6;resize:vertical;transition:border-color var(--duration-fast, .15s),box-shadow var(--duration-fast, .15s)}.text-question-textarea:focus{outline:3px solid var(--color-accent, #eea24c);outline-offset:2px;border-color:var(--color-accent, #eea24c)}.text-question-textarea::placeholder{color:var(--color-gray-400, #9ca3af)}.text-question-actions{display:flex;justify-content:flex-end}.module-1 .single-choice-feedback-callout{background:color-mix(in srgb,var(--color-module-1, #5b9bd5) 8%,white);border-left-color:var(--color-module-1, #5b9bd5)}.module-1 .single-choice-feedback-icon{color:var(--color-module-1, #5b9bd5)}.module-2 .single-choice-feedback-callout{background:color-mix(in srgb,var(--color-module-2, #4aaa6a) 8%,white);border-left-color:var(--color-module-2, #4aaa6a)}.module-2 .single-choice-feedback-icon{color:var(--color-module-2, #4aaa6a)}.module-3 .single-choice-feedback-callout{background:color-mix(in srgb,var(--color-module-3, #4a9f96) 8%,white);border-left-color:var(--color-module-3, #4a9f96)}.module-3 .single-choice-feedback-icon{color:var(--color-module-3, #4a9f96)}.single-choice-option{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-5);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;box-shadow:0 1px 2px #00000008;transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) cubic-bezier(.34,1.56,.64,1);min-height:48px;-webkit-tap-highlight-color:transparent;width:100%;box-sizing:border-box}.single-choice-option:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.single-choice-option:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-soft, rgba(1, 129, 177, .2))}.single-choice-option.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-soft, rgba(1, 129, 177, .05)) 0%,white 100%);box-shadow:var(--shadow-primary, 0 4px 12px rgba(1, 129, 177, .15))}.single-choice-option.correct{border-color:var(--color-success);background:#dcfce7}.single-choice-option.incorrect{border-color:var(--color-error);background:#fee2e2}.single-choice-option.correct-answer{border-color:var(--color-success);border-style:dashed}.single-choice-indicator{width:20px;height:20px;min-width:20px;border-radius:var(--radius-full);background:var(--color-gray-100);border:2px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1);margin-left:var(--space-2)}.single-choice-indicator:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:#fff;transform:scale(0);transition:transform var(--duration-normal) cubic-bezier(.34,1.56,.64,1)}.single-choice-option:hover .single-choice-indicator{border-color:var(--color-primary);background:#fff}.single-choice-option.selected .single-choice-indicator{background:var(--color-primary);border-color:var(--color-primary)}.single-choice-option.selected .single-choice-indicator:after{transform:scale(1)}.single-choice-label{flex:1;color:var(--text-primary)}.single-choice-feedback{margin-left:auto;display:flex;align-items:center}.single-choice-other-wrapper{margin-top:var(--space-3, .75rem)}.single-choice-other-wrapper.is-hidden{display:none}.single-choice-other-input{width:100%}.single-choice-feedback-icon,.single-choice-feedback .feedback-icon{margin-left:auto}.single-choice-option.incorrect .single-choice-feedback .feedback-icon,.single-choice-option.incorrect .single-choice-feedback-icon{color:var(--color-error-dark, #dc2626);width:28px;height:28px;stroke-width:2.5}.single-choice-option.correct .single-choice-feedback .feedback-icon,.single-choice-option.correct-answer .single-choice-feedback .feedback-icon,.single-choice-option.correct .single-choice-feedback-icon,.single-choice-option.correct-answer .single-choice-feedback-icon{color:var(--color-success-dark, #16a34a);width:28px;height:28px;stroke-width:2.5}.checklist-container{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm)}.checklist-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.checklist-progress{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.checklist-progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.checklist-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.checklist-progress-fill.complete{background:linear-gradient(90deg,var(--color-success),#34d399)}.checklist-progress-text{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.checklist-items{list-style:none;padding:0;margin:0}.checklist-item{border-bottom:1px solid var(--border-light)}.checklist-item:last-child{border-bottom:none}.checklist-item-label{display:flex;align-items:flex-start;gap:var(--space-4);max-width:100%;padding:var(--space-5) var(--space-3);cursor:pointer;transition:background var(--duration-fast);min-height:56px;-webkit-tap-highlight-color:transparent;width:100%;box-sizing:border-box}.checklist-item-label:hover{background:var(--bg-secondary);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);border-radius:var(--radius-md)}.checklist-indicator{color:var(--text-secondary);transition:color var(--duration-normal);flex-shrink:0;margin-top:2px}.checklist-item.checked .checklist-indicator{color:var(--color-success)}.checklist-content{flex:1}.checklist-item-text{color:var(--text-primary);transition:opacity var(--duration-normal),text-decoration var(--duration-normal)}.checklist-item-description{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}@media(max-width:480px){.scale-btn{width:40px;height:40px;min-width:40px;min-height:40px}.scale-buttons-group{gap:var(--space-2);justify-content:space-evenly}.scale-wrapper{flex-direction:column;gap:var(--space-sm)}.scale-label{display:none}.scale-labels-mobile{display:flex}.scale-input-container,.multi-choice-container,.single-choice-container{padding:var(--space-5) var(--space-4) var(--space-5) var(--space-5);margin-bottom:var(--space-4)}.multi-choice-option,.single-choice-option{padding:var(--space-5) var(--space-4) var(--space-5) var(--space-5);min-height:56px}.checklist-item-label{padding:var(--space-4) 0}.single-choice-question-wrapper .question-title{font-size:var(--text-base, 1rem);line-height:1.45}.single-choice-question-wrapper .question-text{font-size:var(--text-sm, .875rem)}.single-choice-other-wrapper textarea{font-size:var(--text-base, 1rem)}.single-choice-other-wrapper .btn,.single-choice-other-wrapper [data-action=save-other]{width:100%;justify-content:center}}.drag-drop-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);margin:var(--space-6) 0}.drag-drop-title{font-size:var(--font-xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-2)}.drag-drop-intro{color:var(--color-gray-600);margin-bottom:var(--space-6);line-height:1.6}.drag-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.drag-items-zone,.drop-targets-zone{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-4)}.zone-title{font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-bottom:var(--space-4)}.drag-item{padding:var(--space-4);background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-3);cursor:grab;transition:all var(--duration-fast);font-size:var(--font-sm);line-height:1.5}.drag-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.drag-item:active{cursor:grabbing;transform:scale(1.02);box-shadow:var(--shadow-lg);z-index:10}.drag-item.dragging{opacity:.5;border-style:dashed}.drop-target{padding:var(--space-4);background:#fff;border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);margin-bottom:var(--space-3);min-height:60px;transition:all var(--duration-fast)}.drop-target.drag-over{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0);border-style:solid}.drop-target.filled{border-style:solid;border-color:var(--color-gray-300)}.drop-target.correct{border-color:var(--color-success, #22c55e);background:#dcfce7}.drop-target.incorrect{border-color:var(--color-error, #ef4444);background:#fee2e2;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.drop-target-label{font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-2)}.drop-target-placeholder{color:var(--color-gray-400);font-size:var(--font-sm);font-style:italic}.drag-drop-complete{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:var(--radius-lg);margin-top:var(--space-6);animation:celebrate-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes celebrate-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.drag-drop-complete-icon{width:64px;height:64px;background:var(--color-success, #22c55e);color:#fff;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.drag-drop-complete-icon i,.drag-drop-complete-icon svg{width:32px;height:32px}.drag-drop-complete-title{font-size:var(--font-xl);font-weight:700;color:#065f46;margin-bottom:var(--space-2)}.drag-drop-complete-text{color:#047857}.module-1 .drag-item:hover{border-color:var(--color-module-1, #5b9bd5)}.module-2 .drag-item:hover{border-color:var(--color-module-2, #4aaa6a)}.module-3 .drag-item:hover{border-color:var(--color-module-3, #4a9f96)}.module-1 .drop-target.drag-over{border-color:var(--color-module-1, #5b9bd5);background:color-mix(in srgb,var(--color-module-1, #5b9bd5) 8%,white)}.module-2 .drop-target.drag-over{border-color:var(--color-module-2, #4aaa6a);background:color-mix(in srgb,var(--color-module-2, #4aaa6a) 8%,white)}.module-3 .drop-target.drag-over{border-color:var(--color-module-3, #4a9f96);background:color-mix(in srgb,var(--color-module-3, #4a9f96) 8%,white)}.scenario-question{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);margin:var(--space-6) 0;border-left:4px solid var(--color-secondary, #4fd5b2)}.scenario-icon{width:48px;height:48px;background:var(--color-secondary-light, #e0f8f1);color:var(--color-secondary, #4fd5b2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.scenario-icon i,.scenario-icon svg{width:24px;height:24px}.scenario-text{font-size:var(--font-lg);color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);font-style:italic}.scenario-question-text{font-size:var(--font-base);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-4)}.scenario-options{display:flex;flex-direction:column;gap:var(--space-3)}.scenario-option{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:100%;padding:var(--space-4);background:var(--color-gray-50);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.scenario-option:hover{background:#fff;border-color:var(--color-gray-200)}.scenario-option.selected{background:var(--color-accent-light, #fef3e0);border-color:var(--color-accent)}.scenario-option.correct{background:#dcfce7;border-color:var(--color-success, #22c55e)}.scenario-option.incorrect{background:#fee2e2;border-color:var(--color-error, #ef4444)}.scenario-option-indicator{width:24px;height:24px;border:2px solid var(--color-gray-300);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast)}.scenario-option.selected .scenario-option-indicator{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.scenario-option.correct .scenario-option-indicator{border-color:var(--color-success, #22c55e);background:var(--color-success, #22c55e);color:#fff}.scenario-option.incorrect .scenario-option-indicator{border-color:var(--color-error, #ef4444);background:var(--color-error, #ef4444);color:#fff}.scenario-option-text{flex:1;font-size:var(--font-base);color:var(--color-gray-700)}.scenario-explanation{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-secondary-light, #e0f8f1);border-radius:var(--radius-md);border-left:4px solid var(--color-secondary, #4fd5b2)}.scenario-explanation.hidden{display:none}.scenario-explanation-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-2)}.scenario-explanation-title i,.scenario-explanation-title svg{width:18px;height:18px}.scenario-explanation-text{color:var(--color-gray-700);line-height:1.6}.checklist-complete-banner{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:100%;padding:var(--space-4);background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:var(--radius-lg);margin-top:var(--space-4);animation:slide-up .4s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checklist-complete-icon{width:40px;height:40px;background:var(--color-success, #22c55e);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.checklist-complete-icon i,.checklist-complete-icon svg{width:20px;height:20px}.checklist-complete-text{flex:1}.checklist-complete-title{font-weight:600;color:#065f46}.checklist-complete-subtitle{font-size:var(--font-sm);color:#047857}.scenario-content{max-width:700px;margin:0 auto}.scenario-intro{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-secondary-light, #e0f8f1);border-radius:var(--radius-lg);border-left:4px solid var(--color-secondary, #4fd5b2)}.radar-chart-content{max-width:900px;margin:0 auto}.chart-intro{text-align:center;margin-bottom:var(--space-6);color:var(--text-secondary)}.chart-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);width:100%;max-width:100%;justify-content:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.chart-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.chart-legend-color{width:12px;height:12px;border-radius:var(--radius-sm)}.reflection-questions{display:flex;flex-direction:column;gap:var(--space-6)}.reflection-question{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.reflection-question-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.reflection-question-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.single-choice-question-wrapper .question-title{font-weight:700;margin:0 0 var(--space-3) 0}.scale-buttons{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.drag-drop-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--text-muted)}.drag-drop-loading .spinner{width:48px;height:48px;margin-bottom:var(--space-4)}.scale-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.scale-btn:focus-visible:not(:hover){transform:none}.multi-choice-option:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.single-choice-option:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}@media(prefers-contrast:high){.scale-btn,.multi-choice-option,.single-choice-option{border-width:3px}.scale-btn-selected{outline:2px solid black;outline-offset:2px}}.scenario-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.drag-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.drop-target:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.checklist-item-label:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reflection-question:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}@media(prefers-reduced-motion:reduce){.drag-drop-complete,.checklist-complete-banner,.scenario-option,.scale-btn,.multi-choice-option,.single-choice-option,.drag-item,.drop-target{animation:none!important;transition:none!important}.drop-target.incorrect{animation:none!important}@keyframes shake{0%,to{transform:none}}@keyframes celebrate-pop{0%,to{transform:none;opacity:1}}@keyframes slide-up{0%,to{transform:none;opacity:1}}}@media(max-width:768px){.drag-drop-container,.scenario-question{padding:var(--space-6)}.drag-drop-grid{grid-template-columns:1fr}.scenario-option{padding:var(--space-3)}.checklist-complete-banner{flex-direction:column;text-align:center;gap:var(--space-3)}.scenario-content,.radar-chart-content{padding:0 var(--space-4)}.chart-container{padding:var(--space-4)}.chart-legend{gap:var(--space-3)}.reflection-question{padding:var(--space-4)}.scale-buttons{gap:var(--space-1)}.scale-btn{min-width:36px;height:36px;font-size:var(--text-sm)}}.result-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);text-align:center;animation:resultSlideIn .5s ease-out}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.result-summary--excellent{border-color:color-mix(in srgb,var(--color-success) 30%,transparent);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-success) 5%,white),#fff)}.result-summary--good{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-accent) 5%,white),#fff)}.result-summary--needs-improvement{border-color:color-mix(in srgb,var(--color-primary) 20%,transparent);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-primary) 3%,white),#fff)}.result-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.result-score-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.result-score-ring{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.result-score-ring-progress{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.result-label{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.result-feedback{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.result-feedback-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:currentColor;background:color-mix(in srgb,currentColor 12%,white);animation:feedbackPop .5s ease-out .5s both}@keyframes feedbackPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-feedback-text{font-size:var(--text-2xl);font-weight:700;margin:0}.result-score-detail{font-size:var(--text-base);color:var(--color-gray-600);margin:0}.result-insights{width:100%;max-width:400px;background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5);text-align:left}.result-insights-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-gray-700);margin:0 0 var(--space-4) 0}.result-insights-title i{color:var(--color-accent)}.result-insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.result-insight-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5}.result-insight-item i{color:var(--color-success);flex-shrink:0;margin-top:2px}.result-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;margin-top:var(--space-2)}.result-action-btn{min-width:140px}.quiz-progress{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.quiz-progress-header{display:flex;justify-content:space-between;align-items:center}.quiz-progress-label{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600)}.quiz-progress-count{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-900);font-feature-settings:"tnum"}.quiz-progress-bar{height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:1px solid var(--color-gray-200);margin-top:var(--space-6)}.quiz-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.quiz-nav-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-option--correct{background:color-mix(in srgb,var(--color-success) 10%,white)!important;border-color:var(--color-success)!important}.quiz-option--correct .quiz-option-letter{background:var(--color-success);color:#fff}.quiz-option--correct .quiz-option-icon{color:var(--color-success)}.quiz-option--incorrect{background:color-mix(in srgb,var(--color-error, #ef4444) 10%,white)!important;border-color:var(--color-error, #ef4444)!important}.quiz-option--incorrect .quiz-option-letter{background:var(--color-error, #ef4444);color:#fff}.quiz-option--incorrect .quiz-option-icon{color:var(--color-error, #ef4444)}.quiz-option--disabled{pointer-events:none;opacity:.7}@media(max-width:640px){.result-summary{padding:var(--space-6);gap:var(--space-4)}.result-feedback-text{font-size:var(--text-xl)}.result-insights{padding:var(--space-4)}.result-actions{flex-direction:column}.result-action-btn{width:100%}.quiz-navigation{flex-direction:column;gap:var(--space-3)}.quiz-nav-btn{width:100%;justify-content:center}}.bottom-progress{position:fixed;bottom:0;left:0;right:0;height:4px;background:#00000014;z-index:var(--z-sticky, 100);pointer-events:none}.bottom-progress-fill{height:100%;background:var(--gradient-accent, linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-hover) 100%));border-radius:0 2px 2px 0;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.5)}.bottom-progress-fill.updated{animation:bottom-progress-glow 1s ease-out}@keyframes bottom-progress-glow{0%{box-shadow:0 0 12px rgba(var(--color-accent-rgb, 232, 180, 76),.8)}to{box-shadow:0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.5)}}.landing-page.active~.main-content .bottom-progress,body.landing-view .bottom-progress{display:none}@media(prefers-reduced-motion:reduce){.bottom-progress-fill{transition:none!important;animation:none!important}}.progress-bar-wrapper{display:flex;align-items:center;gap:var(--space-md)}.progress-bar-wrapper.progress-bar-sm{gap:var(--space-sm)}.progress-bar-wrapper.progress-bar-lg{gap:var(--space-lg)}.progress-bar-track{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-sm .progress-bar-track{height:6px}.progress-bar-lg .progress-bar-track{height:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);position:relative;min-width:0}.progress-bar-fill.complete{background:linear-gradient(90deg,var(--color-success),var(--color-secondary))}.progress-bar-fill.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);min-width:45px;text-align:right;transition:color var(--duration-normal)}.progress-bar-label.complete{color:var(--color-success)}.mobile-progress-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-out)}.mobile-progress-badge.complete{background:var(--color-success-light);color:var(--color-success)}.mobile-progress-badge svg{flex-shrink:0}.mobile-progress-text{font-variant-numeric:tabular-nums}.module-progress-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.module-progress-track{flex:1;height:6px;background:#ffffff4d;border-radius:var(--radius-full);overflow:hidden}.module-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.module-progress-fill.complete{background:var(--color-success)}.module-progress-label{font-size:var(--text-xs);color:var(--text-muted)}.header-progress{display:flex;align-items:center;gap:var(--space-md);min-width:150px}.progress-bar-container{flex:1;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-text{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);min-width:40px;text-align:right}.mobile-progress{display:flex;align-items:center}.progress-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-accent)}@keyframes pulse-complete{0%{box-shadow:0 0 rgba(var(--color-success-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--color-success-rgb),0)}to{box-shadow:0 0 rgba(var(--color-success-rgb),0)}}.step-complete-pulse{animation:pulse-complete 1s ease-out}@keyframes milestone-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.milestone-badge{animation:milestone-pop .5s var(--ease-bounce)}@media(max-width:768px){.header-progress{display:none}.mobile-progress{display:flex}}@media(min-width:1024px){.header-progress{display:flex}.mobile-progress{display:none}}.current-step-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;animation:currentPulse 2s ease-in-out infinite}.current-step-indicator:before{content:"";width:6px;height:6px;background:#fff;border-radius:var(--radius-full)}@keyframes currentPulse{0%,to{box-shadow:0 0 rgba(var(--color-accent-rgb, 232, 180, 76),.4)}50%{box-shadow:0 0 0 8px rgba(var(--color-accent-rgb, 232, 180, 76),0)}}.step-item.current{position:relative}.step-item.current:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--color-accent);border-radius:var(--radius-full)}.module-progress-enhanced{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#ffffff1a;border-radius:var(--radius-md);margin-top:var(--space-sm)}.module-progress-enhanced .progress-circle{width:36px;height:36px;flex-shrink:0}.module-progress-enhanced .progress-text{font-size:var(--text-sm);font-weight:600;color:#fff}.module-progress-enhanced .progress-label{font-size:var(--text-xs);color:#ffffffb3}.step-completion-feedback{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,var(--color-success, #22c55e) 0%,var(--color-secondary, #16a34a) 100%);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-3);font-weight:600;box-shadow:0 8px 24px rgba(var(--color-secondary-rgb, 34, 197, 94),.3);z-index:var(--z-toast, 9000);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;pointer-events:none}.step-completion-feedback.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.step-completion-feedback i,.step-completion-feedback svg{width:24px;height:24px;flex-shrink:0}.step-completion-feedback .progress-mini{background:#fff3;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500}.step-completion-feedback .check-icon{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:640px){.step-completion-feedback{left:var(--space-4);right:var(--space-4);transform:translate(0) translateY(100px);border-radius:var(--radius-lg);text-align:center;justify-content:center}.step-completion-feedback.show{transform:translate(0) translateY(0)}}@media(prefers-reduced-motion:reduce){.progress-bar-fill,.module-progress-fill,.checklist-progress-fill,.step-completion-feedback,.milestone-badge,.current-step-indicator{animation:none!important;transition:none!important}.progress-bar-fill.shimmer:after{animation:none!important}@keyframes shimmer{0%,to{transform:none}}@keyframes pulse-complete{0%,to{box-shadow:none}}@keyframes milestone-pop{0%,to{transform:none;opacity:1}}@keyframes currentPulse{0%,to{box-shadow:none}}@keyframes pop-in{0%,to{transform:none}}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-container,.modal-close{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-300) ease-out}.modal-overlay.hidden{animation:fadeOut var(--duration-200) ease-in forwards;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:scaleUpModal var(--duration-300) cubic-bezier(.16,1,.3,1)}.modal-overlay.hidden .modal-container{animation:scaleDownModal var(--duration-200) cubic-bezier(.32,0,.67,0) forwards}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scaleDownModal{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-gray-600);cursor:pointer;transition:var(--transition-base)}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-900);transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.modal-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full);transition:var(--transition-base)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.settings-modal{max-width:600px;max-height:85vh}.pitch-examples-modal{max-width:780px;max-height:85vh}.pitch-examples-list{display:flex;flex-direction:column;gap:var(--space-5)}.pitch-example-item{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200)}.pitch-example-item:last-child{padding-bottom:0;border-bottom:none}.pitch-example-domain{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2) 0;font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-primary)}.pitch-example-domain-index{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--font-xs);font-weight:var(--font-semibold)}.pitch-example-text{margin:0;font-size:var(--font-sm);line-height:1.6;color:var(--color-gray-700)}.pitch-examples-trigger{margin-top:var(--space-3)}.settings-tabs{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg) 0;border-bottom:1px solid var(--border-light)}.settings-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--duration-fast);margin-bottom:-1px}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.settings-content{min-height:400px}.settings-section{margin-bottom:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:#fff;cursor:pointer;user-select:none;transition:background-color var(--duration-fast)}.settings-section-header:hover{background:var(--bg-tertiary)}.settings-section-header-left{display:flex;align-items:center;gap:var(--space-sm)}.settings-section-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-section-icon svg{width:18px;height:18px}.settings-section-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.settings-section-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.settings-section-chevron{width:20px;height:20px;color:var(--text-secondary);transition:transform var(--duration-fast);flex-shrink:0}.settings-section.collapsed .settings-section-chevron{transform:rotate(-90deg)}.settings-section-content{padding:var(--space-lg);padding-top:0;max-height:1000px;overflow:hidden;transition:max-height var(--duration-normal) ease,padding var(--duration-normal) ease}.settings-section.collapsed .settings-section-content{max-height:0;padding-top:0;padding-bottom:0}.settings-section:not(:has(.settings-section-header)){padding:var(--space-lg)}.settings-section:not(:has(.settings-section-header)) .settings-section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.settings-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.settings-search svg{color:var(--text-secondary);flex-shrink:0}.settings-search-input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--text-primary);outline:none}.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.org-card{position:relative;padding:var(--space-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);text-align:left;width:100%}.org-card:hover{background:var(--bg-tertiary);border-color:var(--border-default)}.org-card.selected{background:var(--color-accent-light);border-color:var(--color-accent)}.org-card-header{display:flex;align-items:center;justify-content:space-between}.org-card-name{font-weight:500;color:var(--text-primary);font-size:var(--text-sm)}.org-card-check{position:absolute;top:var(--space-sm);right:var(--space-sm);color:var(--color-accent);width:20px;height:20px}.org-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.org-preset-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);text-align:left;width:100%;position:relative}.org-preset-card:hover{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0)}.org-preset-card.selected{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.org-preset-logo{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.org-preset-logo img{max-width:100%;max-height:100%;object-fit:contain}.org-preset-info{flex:1;min-width:0}.org-preset-name{display:block;font-weight:600;color:var(--color-gray-900);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-preset-short{display:block;font-size:var(--text-xs);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-preset-colors{display:flex;gap:var(--space-1);flex-shrink:0}.org-preset-colors .color-dot{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}.org-preset-card .org-card-check{position:absolute;top:var(--space-2);right:var(--space-2);color:var(--color-accent);width:18px;height:18px}@media(max-width:640px){.org-preset-grid{grid-template-columns:1fr}.org-preset-card{padding:var(--space-3)}}.color-pickers{display:grid;gap:var(--space-lg)}.color-picker-group{display:flex;flex-direction:column;gap:var(--space-sm)}.color-picker-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.color-picker-swatches{display:flex;gap:var(--space-sm);align-items:center}.color-swatch{width:40px;height:40px;border-radius:var(--radius-lg);border:3px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0000001a}.color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000026}.color-swatch:active{transform:scale(1.05)}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 3px #0000001a,0 4px 12px #0003}.color-swatch.selected:after{content:"";width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d}.color-picker-custom{position:relative}.color-input{width:40px;height:40px;border:3px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;padding:0;transition:all var(--duration-fast)}.color-input:hover{border-color:var(--color-accent);transform:scale(1.05)}.color-preview{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light)}.color-preview-swatch{width:48px;height:48px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #0000001a}.color-preview-hex{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.language-buttons{display:flex;gap:var(--space-md)}.language-btn{padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.language-btn:hover{background:var(--bg-tertiary)}.language-btn.active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.data-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.data-stat{flex:1;text-align:center;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.data-stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--color-accent)}.data-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.data-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.danger-zone{padding-top:var(--space-lg);border-top:1px solid var(--color-error-light)}.danger-zone-title{font-size:var(--text-sm);font-weight:600;color:var(--color-error);margin-bottom:var(--space-md)}.celebration-overlay{position:fixed;inset:0;z-index:60;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.celebration-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;max-width:400px;width:100%;animation:fadeIn .3s ease-out}@keyframes celebration-bounce{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.celebration-icon{margin-bottom:var(--space-lg)}.celebration-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.celebration-message{color:var(--text-secondary);margin-bottom:var(--space-xl)}.celebration-stats{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.celebration-stat{text-align:center}.celebration-stat .stat-value{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--color-accent)}.celebration-stat .stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.celebration-actions{display:flex;flex-direction:column;gap:var(--space-md)}.celebration-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.celebration-btn-primary{background:var(--color-accent);color:#fff;border:none}.celebration-btn-primary:hover{background:var(--color-accent-dark)}.celebration-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.celebration-btn-secondary:hover{background:var(--bg-secondary)}.confetti-container{position:fixed;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-container{max-height:90vh;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUpModal var(--duration-300) cubic-bezier(.16,1,.3,1)}.modal-overlay.hidden .modal-container{animation:slideDownModal var(--duration-200) cubic-bezier(.32,0,.67,0) forwards}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownModal{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.settings-modal{max-width:100%}.settings-tabs{overflow-x:auto;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.settings-tab{white-space:nowrap;padding:var(--space-sm) var(--space-md)}.org-grid{grid-template-columns:1fr}.data-stats,.data-actions{flex-direction:column}.celebration-stats{flex-direction:column;gap:var(--space-md)}}.reflection-modal{max-width:500px}.reflection-modal .modal-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark, #003347) 100%);color:#fff;border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-8)}.reflection-modal .modal-title{color:#fff;font-size:var(--font-xl)}.reflection-modal .modal-title i,.reflection-modal .modal-title svg{color:var(--color-accent)}.reflection-modal .modal-close{color:#fffc}.reflection-modal .modal-close:hover{background:#ffffff1a;color:#fff}.reflection-prompt{font-size:var(--font-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-4);line-height:1.4}.reflection-prompt-highlight{color:var(--color-accent-dark, #d4a043)}.reflection-textarea{width:100%;min-height:120px;padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-base);line-height:1.6;resize:vertical;transition:border-color var(--duration-fast)}.reflection-textarea:focus{outline:3px solid var(--color-accent, #eea24c);outline-offset:2px;border-color:var(--color-accent, #eea24c);box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.reflection-textarea::placeholder{color:var(--color-gray-400)}.reflection-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-sm);color:var(--color-gray-500)}.reflection-hint i,.reflection-hint svg{width:16px;height:16px;color:var(--color-gray-400)}.reflection-quick-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.reflection-chip{padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-gray-700);cursor:pointer;transition:all var(--duration-fast)}.reflection-chip:hover{background:var(--color-accent-light, #fef3e0);border-color:var(--color-accent)}.reflection-chip.selected{background:var(--color-accent-light, #fef3e0);border-color:var(--color-accent);color:var(--color-accent-dark, #d4a043);font-weight:500}.reflection-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.reflection-skip-btn{flex:1;padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.reflection-skip-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.reflection-save-btn{flex:2;padding:var(--space-3) var(--space-4);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:var(--color-primary);font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.reflection-save-btn:hover{background:var(--color-accent-hover, #f0c05a);transform:translateY(-1px)}.reflection-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.reflection-modal .modal-header{padding:var(--space-6)}.reflection-actions{flex-direction:column}.reflection-skip-btn,.reflection-save-btn{flex:none;width:100%}}.view-mode-buttons{display:flex;gap:var(--space-3)}.view-mode-btn{flex:1;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);text-align:left}.view-mode-btn:hover{border-color:var(--color-gray-300);background:var(--bg-tertiary)}.view-mode-btn.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,white)}.view-mode-btn.active svg{color:var(--color-primary)}.view-mode-btn svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.view-mode-btn-content{display:flex;flex-direction:column;gap:2px}.view-mode-btn-title{font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.view-mode-btn-desc{font-size:var(--text-xs);color:var(--text-secondary)}@media(max-width:640px){.view-mode-buttons{flex-direction:column}}.settings-layout{display:flex;flex-direction:column;gap:var(--space-4)}.settings-main{display:flex;flex-direction:column;gap:var(--space-3)}.settings-search{position:relative;display:flex;align-items:center}.settings-search-icon{position:absolute;left:12px;width:18px;height:18px;color:var(--color-gray-400);pointer-events:none}.settings-search-input{width:100%;padding:10px 40px;border:2px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);transition:all var(--duration-fast);background:var(--color-gray-50)}.settings-search-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #0181b11a}.settings-search-input::placeholder{color:var(--color-gray-400)}.settings-search-clear{position:absolute;right:8px;padding:4px;background:none;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.settings-search-clear:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.settings-tabs{display:flex;gap:4px;padding:4px;background:var(--color-gray-100);border-radius:var(--radius-lg);overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.settings-tab:hover{background:#fff;color:var(--color-gray-800)}.settings-tab.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.settings-tab-count{padding:2px 6px;background:var(--color-gray-200);border-radius:var(--radius-full);font-size:10px;font-weight:600}.settings-tab.active .settings-tab-count{background:var(--color-primary);color:#fff}.settings-orgs-container{flex:1;overflow-y:auto;max-height:300px;padding-right:8px}.settings-orgs-container::-webkit-scrollbar{width:6px}.settings-orgs-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.settings-orgs-container::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.settings-orgs-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.settings-orgs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:600px){.settings-orgs-grid{grid-template-columns:1fr}}.settings-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-gray-400);text-align:center}.settings-no-results p{margin-top:var(--space-2);font-size:var(--text-sm)}.settings-org-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;position:relative;min-height:64px}.settings-org-card:hover{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.settings-org-card.selected{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-accent-light, #fef3e0) 0%,#fff9f0 100%);box-shadow:0 0 0 3px #eea24c33}.settings-org-logo{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid var(--color-gray-200);padding:4px}.settings-org-logo img{max-width:100%;max-height:100%;object-fit:contain}.settings-org-info{flex:1;min-width:0}.settings-org-name{display:block;font-weight:700;color:var(--color-gray-900);font-size:var(--text-sm);line-height:1.3;margin-bottom:2px}.settings-org-full{display:block;font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.settings-org-colors{display:flex;gap:4px;flex-shrink:0}.settings-color-swatch{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}.settings-org-check{position:absolute;top:8px;right:8px;color:var(--color-accent);width:18px;height:18px}.settings-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.settings-preview{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--color-gray-200)}.settings-preview-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.settings-preview-title i,.settings-preview-title svg{width:16px;height:16px}.settings-preview-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px #0000001a}.settings-preview-header{height:64px;display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.settings-preview-logo-wrap{background:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:700;color:var(--color-gray-600);box-shadow:0 2px 8px #0000001a}.settings-preview-logo{height:28px;width:auto;display:block}.settings-preview-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.settings-preview-btn{padding:10px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;color:#fff;text-align:center;box-shadow:0 2px 8px #00000026}.settings-preview-text{display:flex;flex-direction:column;gap:6px}.settings-preview-bar{height:8px;border-radius:4px;opacity:.8}.settings-preview-bar.short{width:60%;background:var(--color-gray-200)}.settings-preview-name{text-align:center;font-size:13px;font-weight:600;color:var(--color-gray-600);margin-top:var(--space-3);padding:var(--space-2) 0;background:#fff;border-radius:var(--radius-md)}.settings-advanced-accordion{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-top:var(--space-4);background:var(--color-gray-50)}.settings-advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--color-gray-600);transition:all .2s ease}.settings-advanced-toggle:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.settings-advanced-toggle svg{transition:transform .2s ease}.settings-advanced-toggle[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.settings-advanced-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);border-top:1px solid var(--color-gray-200)}.settings-advanced-content.hidden{display:none}.settings-option-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.settings-option-row label{font-size:var(--text-sm);color:var(--color-gray-700);font-weight:500}.settings-pill-group{display:flex;gap:4px;padding:4px;background:var(--color-gray-200);border-radius:var(--radius-full)}.settings-pill-btn{padding:6px 16px;border:none;background:transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.settings-pill-btn:hover{color:var(--color-gray-800)}.settings-pill-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.settings-nested-section{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;overflow:hidden}.settings-nested-section summary{display:flex;align-items:center;gap:8px;padding:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);cursor:pointer;list-style:none;transition:all .2s ease}.settings-nested-section summary::-webkit-details-marker{display:none}.settings-nested-section summary:hover{background:var(--color-gray-50)}.settings-nested-section summary svg{width:16px;height:16px;color:var(--color-gray-400);transition:transform .2s ease}.settings-nested-section[open] summary svg:last-child{transform:rotate(180deg)}.settings-nested-content{padding:var(--space-3);border-top:1px solid var(--color-gray-100)}.settings-viewmode-group{display:flex;gap:4px;padding:4px;background:var(--color-gray-200);border-radius:var(--radius-md)}.settings-viewmode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.settings-viewmode-btn:hover{color:var(--color-gray-800)}.settings-viewmode-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.settings-viewmode-btn svg{width:14px;height:14px}.settings-colors-inline{display:flex;gap:var(--space-4);align-items:center}.settings-color-inline{display:flex;align-items:center;gap:8px}.settings-color-inline label{font-size:var(--text-xs);color:var(--color-gray-500)}.settings-color-inline input[type=color]{width:28px;height:28px;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;padding:2px}.settings-color-inline input[type=color]:hover{border-color:var(--color-gray-400)}.settings-data-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-data-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-fast)}.settings-data-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.settings-data-btn svg{width:14px;height:14px}.settings-data-btn.danger{color:var(--color-error, #dc2626);border-color:transparent}.settings-data-btn.danger:hover{background:#dc26261a}.settings-advanced{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.settings-advanced-header{display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);cursor:pointer;list-style:none;user-select:none;transition:all .2s ease}.settings-advanced-header::-webkit-details-marker{display:none}.settings-advanced-header:hover{background:var(--color-gray-50)}.settings-advanced-header svg:first-child{color:var(--color-gray-500)}.settings-advanced-chevron{margin-left:auto;width:18px;height:18px;color:var(--color-gray-400);transition:transform .2s ease}.settings-advanced[open] .settings-advanced-chevron{transform:rotate(180deg)}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:4px}.settings-input{width:100%;padding:.5rem .75rem;font-size:var(--text-sm, .875rem);font-family:inherit;color:var(--color-text-primary, #3b3a3a);background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);transition:border-color var(--duration-fast, .15s);resize:vertical}.settings-input:focus{outline:none;border-color:var(--color-accent, #eea24c);box-shadow:0 0 0 3px #eea24c26}.settings-section--spaced{margin-top:var(--space-6, 1.5rem);padding-top:var(--space-6, 1.5rem);border-top:1px solid var(--color-gray-200, #e5e7eb)}.settings-section-desc{font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #6b6a6a);margin-bottom:var(--space-4, 1rem)}.settings-field-group{margin-bottom:var(--space-4, 1rem)}.settings-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3, .75rem)}.settings-field{position:relative}.settings-field-lang{position:absolute;top:.5rem;right:.5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400, #9ca3af);pointer-events:none;z-index:1}@media(max-width:480px){.settings-field-row{grid-template-columns:1fr}}.settings-logo-upload{display:flex;align-items:center;gap:10px;padding:10px;background:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.settings-logo-upload:hover{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0)}.settings-logo-img{height:32px;width:auto}.settings-logo-text{font-size:var(--text-xs);color:var(--color-gray-500)}.settings-colors-row{display:flex;gap:var(--space-3)}.settings-color-field{display:flex;align-items:center;gap:8px;flex:1}.settings-color-field input[type=color]{width:32px;height:32px;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;padding:2px}.settings-color-field input[type=color]:hover{border-color:var(--color-gray-400)}.settings-color-label{font-size:11px;color:var(--color-gray-500)}.settings-welcome-tabs{display:flex;align-items:flex-start;gap:8px}.settings-welcome-flag{font-size:16px;line-height:1;padding-top:6px}.settings-textarea{flex:1;padding:8px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-xs);resize:none;font-family:inherit;line-height:1.5}.settings-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0181b11a}.settings-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.settings-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:11px;color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-fast)}.settings-action-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.settings-danger-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:transparent;border:none;border-radius:var(--radius-md);font-size:11px;color:var(--color-error, #dc2626);cursor:pointer;transition:all var(--duration-fast);margin-top:4px}.settings-danger-btn:hover{background:#dc26261a}.settings-footer{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--color-gray-200)}.settings-btn-cancel{padding:12px 24px;background:#fff;border:2px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.settings-btn-cancel:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-700)}.settings-btn-save{display:flex;align-items:center;gap:8px;padding:12px 28px;background:var(--color-accent);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #eea24c4d}.settings-btn-save:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #eea24c66}.settings-btn-save:active{transform:translateY(0)}.settings-devmode-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg, 12px);background:var(--color-gray-50);margin-top:var(--space-4, 1rem);transition:all .25s ease}.settings-devmode-card.active{border-style:solid;border-color:var(--color-accent);background:#eea24c0f}.settings-devmode-header{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.settings-devmode-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md, 8px);background:var(--color-gray-200);color:var(--color-gray-600);flex-shrink:0;transition:all .25s ease}.settings-devmode-card.active .settings-devmode-icon{background:var(--color-accent);color:#fff}.settings-devmode-info{flex:1;min-width:0}.settings-devmode-title{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--color-gray-900);margin:0}.settings-devmode-desc{font-size:var(--text-xs, .75rem);color:var(--color-gray-500);margin:2px 0 0;line-height:1.4}.settings-devmode-status{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--color-accent);margin:4px 0 0}.devmode-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full, 9999px);background:var(--color-accent, #eea24c);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;animation:devbadge-pulse 2s ease-in-out 1}@keyframes devbadge-pulse{0%,to{opacity:1}50%{opacity:.6}}.module-lock-dialog{position:relative;background:#fff;border-radius:1.25rem;box-shadow:0 25px 60px #00000026,0 0 0 1px #0000000a;max-width:380px;width:100%;padding:2rem 1.75rem 1.75rem;text-align:center;animation:lock-dialog-in .25s cubic-bezier(.16,1,.3,1)}@keyframes lock-dialog-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.module-lock-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:var(--color-gray-400, #9ca3af);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s}.module-lock-close:hover{background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-600, #4b5563)}.module-lock-icon-ring{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--gradient-accent, linear-gradient(135deg, #eea24c, #f5c842));color:#fff;margin-bottom:1rem;box-shadow:0 4px 12px #eea24c4d}.module-lock-title{font-size:1.25rem;font-weight:800;color:var(--color-gray-900, #111827);margin-bottom:.375rem;font-family:var(--font-family-heading, "Bitter", serif)}.module-lock-desc{font-size:.8125rem;color:var(--color-gray-500, #6b7280);line-height:1.5;margin-bottom:1.25rem}.module-lock-guide{background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 8px);padding:.625rem .75rem;margin-bottom:1rem;text-align:left}.module-lock-guide-title{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;color:var(--color-gray-700, #374151);margin-bottom:.25rem}.module-lock-guide-text{font-size:.75rem;color:var(--color-gray-500, #6b7280);line-height:1.5}.module-lock-form{display:flex;flex-direction:column;gap:.75rem}.module-lock-input-wrap{position:relative;display:flex;align-items:center}.module-lock-input-icon{position:absolute;left:.875rem;width:1rem;height:1rem;color:var(--color-gray-400, #9ca3af);pointer-events:none}.module-lock-input{width:100%;padding:.625rem 2.25rem .625rem 2.5rem;border:1.5px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 8px);font-size:.875rem;color:var(--color-gray-900, #111827);background:var(--color-gray-50, #f9fafb);outline:none;transition:all .15s}.module-lock-input::placeholder{color:var(--color-gray-400, #9ca3af)}.module-lock-input:focus{border-color:var(--color-accent, #eea24c);box-shadow:0 0 0 3px #eea24c26;background:#fff}.module-lock-toggle-pw{position:absolute;right:.625rem;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-gray-400, #9ca3af);transition:color .15s}.module-lock-toggle-pw:hover{color:var(--color-gray-600, #4b5563)}.module-lock-error{font-size:.8125rem;color:#dc2626;text-align:left;margin:-.25rem 0 0}.module-lock-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:var(--color-gray-900, #111827);color:#fff;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-lg, 8px);cursor:pointer;transition:all .15s}.module-lock-submit:hover{background:var(--color-gray-800, #1f2937);box-shadow:0 2px 8px #00000026}.module-lock-submit:active{transform:scale(.98)}.module-lock-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.module-lock-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center}.module-lock-success-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;margin-bottom:.75rem;box-shadow:0 4px 12px rgba(var(--color-secondary-rgb, 34, 197, 94),.3);animation:success-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes success-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.module-lock-success-text{font-size:1rem;font-weight:700;color:var(--color-gray-900, #111827)}.share-prompt-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s ease}.share-prompt-overlay.visible{opacity:1}.share-prompt-card{background:#fff;border-radius:var(--radius-xl, 16px);box-shadow:0 20px 60px #00000026;padding:2rem;max-width:420px;width:100%;text-align:center;transform:translateY(20px) scale(.95);transition:transform .3s ease}.share-prompt-overlay.visible .share-prompt-card{transform:translateY(0) scale(1)}.share-prompt-icon{width:56px;height:56px;margin:0 auto 1rem;background:var(--color-accent-light, #fef3e0);color:var(--color-accent, #eea24c);border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center}.share-prompt-title{font-family:var(--font-family-heading, "Bitter", serif);font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #3b3a3a);margin-bottom:.5rem}.share-prompt-text{font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #6b6a6a);line-height:1.6;margin-bottom:1.5rem}.share-prompt-actions{display:flex;flex-direction:column;gap:.5rem}.share-prompt-actions .btn{width:100%;justify-content:center}:root{--step-card-padding: var(--space-8, 2rem);--step-card-radius: var(--radius-xl, 16px);--step-card-border: 1px solid var(--color-border-light, #f3f4f6);--step-card-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));--step-card-bg: white;--step-header-gap: var(--space-4, 1rem);--step-header-margin-bottom: var(--space-6, 1.5rem);--step-header-border: 1px solid var(--color-border-light, #f3f4f6);--step-icon-size: 56px;--step-icon-radius: var(--radius-lg, 12px);--step-icon-bg: var(--color-primary, #004b68);--step-icon-color: white;--step-title-size: var(--font-size-xl, 1.25rem);--step-title-weight: 700;--step-title-color: var(--color-text-primary, #3b3a3a);--step-title-margin: 0 0 var(--space-2, .5rem) 0;--step-desc-size: var(--font-size-base, 1rem);--step-desc-color: var(--color-text-secondary, #5a5959);--step-desc-line-height: 1.5;--btn-continue-bg: var(--color-primary, #004b68);--btn-continue-hover-bg: var(--color-primary-dark, #016a94);--btn-continue-color: white;--btn-continue-padding: var(--space-3, .75rem) var(--space-6, 1.5rem);--btn-continue-radius: var(--radius-lg, 12px);--btn-continue-font-size: var(--font-size-base, 1rem);--btn-continue-font-weight: 600;--btn-continue-gap: var(--space-2, .5rem);--btn-continue-shadow: 0 2px 8px var(--color-primary-shadow, rgba(1, 129, 177, .25));--btn-continue-hover-shadow: 0 4px 12px var(--color-primary-shadow, rgba(1, 129, 177, .35));--tip-bg: var(--color-warning-light, #fef3c7);--tip-border-color: var(--color-warning, #f59e0b);--tip-border-width: 4px;--tip-radius: var(--radius-md, 8px);--tip-padding: var(--space-4, 1rem);--tip-margin-top: var(--space-6, 1.5rem);--tip-text-color: var(--color-text-primary, #3b3a3a);--tip-label-color: var(--color-warning-dark, #d97706);--guidance-gap: var(--space-3, .75rem);--guidance-icon-color: var(--color-success, #22c55e);--guidance-text-color: var(--color-text-primary, #3b3a3a);--step-actions-margin-top: var(--space-6, 1.5rem);--step-actions-padding-top: var(--space-6, 1.5rem);--step-actions-border: 1px solid var(--color-border-light, #f3f4f6)}.step-meta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.step-meta-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--color-gray-700);font-weight:500}.step-meta-item i{flex-shrink:0;color:var(--color-gray-500)}.step-meta-completed{background:var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, white));color:var(--color-success-dark, #16a34a)}.step-meta-completed i{color:var(--color-success, #22c55e)}.step-badge-module,.step-badge-separator,.step-badge-step{font-size:var(--font-xs);font-weight:600;letter-spacing:.05em}.step-badge-separator{color:var(--color-gray-400);margin:0 var(--space-1)}.content-summary{background:#fff;border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);margin-bottom:var(--space-10);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-md);transition:box-shadow var(--duration-slow) var(--ease-out)}.content-summary:hover{box-shadow:var(--shadow-lg)}.content-summary-title{font-size:var(--font-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-4);line-height:1.3}.content-summary-text{font-size:var(--font-lg);color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-6)}.step-about-text{font-size:var(--font-base);color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-6)}.step-section-heading{font-size:var(--font-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--color-gray-800, #1f2937);font-family:var(--font-heading);margin:0 0 var(--space-2, .5rem) 0}.career-sectors-note{padding:var(--space-3) var(--space-4);margin:var(--space-3) var(--space-4);background:var(--color-surface-hover, #f9fafb);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.career-sectors-note p{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;color:var(--color-text-secondary)}.key-points-section{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 5%,white),#fff);border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-8);border:1px solid color-mix(in srgb,var(--color-accent) 15%,transparent)}.key-points-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-6);font-family:var(--font-heading)}.key-points-title i,.key-points-title svg{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.key-points-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4);counter-reset:key-point}.key-point-item{display:flex;align-items:flex-start;gap:var(--space-4);font-size:var(--font-base);line-height:1.7;color:var(--color-gray-700);padding:var(--space-5);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:all var(--duration-fast) var(--ease-out);counter-increment:key-point}.key-point-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.key-point-item:before{content:counter(key-point);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:var(--color-accent);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:700;flex-shrink:0}.key-point-item i,.key-point-item svg{display:none}.key-points-list--icons .key-point-item:before{display:none}.key-points-list--icons .key-point-item i,.key-points-list--icons .key-point-item svg{display:block;width:20px;height:20px;color:var(--color-success);flex-shrink:0;margin-top:2px}.assessment-section{background:#fff;border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);margin-top:var(--space-10);border:1px solid var(--color-gray-100);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.assessment-section h3{font-size:var(--font-xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-200)}.assessment-questions{display:flex;flex-direction:column;gap:var(--space-10)}.scale-question-wrapper{background:var(--color-gray-50);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.scale-question-text{font-size:var(--font-base);font-weight:500;color:var(--color-gray-900);margin-bottom:var(--space-4);line-height:1.6}.question-number{font-weight:700;color:var(--color-accent);margin-right:var(--space-2)}.scale-input-group{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.scale-label-left,.scale-label-right{font-size:var(--font-sm);color:var(--color-gray-600);font-weight:500;min-width:80px}.scale-label-left{text-align:right}.scale-label-right{text-align:left}.scale-buttons{display:flex;gap:var(--space-2);flex:1;justify-content:center}.scale-btn{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--color-gray-300);background:#fff;color:var(--color-gray-700);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.scale-btn:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.scale-btn:active{opacity:.9}.scale-btn-selected{background:var(--color-primary-soft, rgba(1, 129, 177, .1));border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-primary, var(--shadow-md))}.scale-btn-selected:hover{background:var(--color-primary-soft, rgba(1, 129, 177, .15));border-color:var(--color-primary)}@media(max-width:768px){.scale-input-group{flex-direction:column;align-items:stretch}.scale-label-left,.scale-label-right{text-align:center;min-width:auto}.scale-buttons{justify-content:space-between}.scale-btn{width:44px;height:44px;font-size:var(--font-sm)}}.choice-question-wrapper{background:var(--color-gray-50);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.choice-question-text{font-size:var(--font-base);font-weight:500;color:var(--color-gray-900);margin-bottom:var(--space-4);line-height:1.6}.choice-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fff;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.choice-option:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.choice-option input[type=checkbox],.choice-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent)}.choice-option-label{flex:1;font-size:var(--font-base);color:var(--color-gray-700);line-height:1.5;cursor:pointer}.choice-option-selected{background:var(--color-accent-light);border-color:var(--color-accent)}.pro-tips{background:var(--color-warning-light, color-mix(in srgb, var(--color-warning) 12%, white));border-left:4px solid var(--color-warning, #f59e0b);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-8)}.pro-tips-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.pro-tips-header i{color:var(--color-warning, #f59e0b);flex-shrink:0}.pro-tips-header h3{font-size:var(--font-lg);font-weight:600;color:var(--color-warning-dark, #d97706);margin:0}.pro-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.pro-tips-list li{font-size:var(--font-base);line-height:1.6;color:var(--color-gray-800);padding-left:var(--space-6);position:relative}.pro-tips-list li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-warning, #f59e0b)}.step-hero{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);border-top:4px solid var(--color-accent);padding:var(--space-8);margin-bottom:var(--space-8);position:relative;overflow:hidden}.step-hero:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--color-accent-light) 0%,transparent 70%);opacity:.3;pointer-events:none}.step-hero-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;position:relative;z-index:1}.step-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.03em}.step-badge-module{background:var(--color-primary);color:#fff}.step-badge-step{background:var(--color-gray-200);color:var(--color-gray-700)}.step-hero-title{font-size:var(--font-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3);line-height:1.2;position:relative;z-index:1}.step-hero-description{font-size:var(--font-lg);color:var(--color-gray-600);line-height:1.7;max-width:600px;position:relative;z-index:1}.step-time-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--color-primary, #004b68) 8%,white);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600}.step-time-pill svg,.step-time-pill i{width:16px;height:16px;flex-shrink:0}.pro-tip-callout{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-warning-light, color-mix(in srgb, var(--color-warning) 12%, white));border:1px solid var(--color-warning, #f59e0b);border-left-width:4px;border-radius:var(--radius-lg);margin-top:var(--space-6);position:relative;z-index:1}.pro-tip-icon{width:40px;height:40px;background:var(--color-warning, #f59e0b);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pro-tip-icon svg,.pro-tip-icon i{width:20px;height:20px;color:#fff}.pro-tip-content{flex:1;min-width:0}.pro-tip-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-warning-dark, #d97706);margin-bottom:var(--space-1)}.pro-tip-text{font-size:var(--font-sm);color:var(--color-gray-800);line-height:1.6}.pro-tip-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.pro-tip-list li{font-size:var(--font-sm);color:var(--color-gray-800);line-height:1.6;padding-left:var(--space-5);position:relative}.pro-tip-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--color-warning, #f59e0b);border-radius:var(--radius-full)}.module-context-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.module-context-badge i,.module-context-badge svg{width:14px;height:14px;flex-shrink:0}.step-hero-enhanced{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.step-hero-enhanced.has-media{grid-template-columns:1fr 1fr;align-items:start}}.step-media-area{background:var(--color-gray-100);border-radius:var(--radius-lg);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.step-media-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-gray-400)}.step-media-placeholder i,.step-media-placeholder svg{width:48px;height:48px}.step-media-placeholder span{font-size:var(--font-sm);font-weight:500}.step-media-area video,.step-media-area img{width:100%;height:100%;object-fit:cover}.module-intro-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-8);position:relative;overflow:hidden;color:#fff}.module-intro-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(var(--color-accent-rgb, 232, 180, 76),.2) 0%,transparent 70%);pointer-events:none}.module-intro-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff26;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600;margin-bottom:var(--space-4)}.module-intro-title{font-size:var(--font-4xl);font-weight:700;margin-bottom:var(--space-3);line-height:1.1;position:relative;z-index:1}.module-intro-purpose{font-size:var(--font-lg);opacity:.9;line-height:1.7;max-width:600px;margin-bottom:var(--space-6);position:relative;z-index:1}.module-objectives{background:#ffffff26;border-radius:var(--radius-lg);padding:var(--space-6);position:relative;z-index:1}.module-objectives-title{font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);opacity:.8}.module-objectives-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.module-objectives-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-base)}.module-objectives-list li:before{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full);flex-shrink:0;margin-top:6px}.career-paths-overview{margin:var(--space-8) 0;max-width:1400px;margin-left:auto;margin-right:auto}.paths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);row-gap:var(--space-8)}.path-overview-card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);min-height:320px;display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);cursor:default}.path-overview-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-color:var(--color-accent)}.path-overview-card.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 2px var(--color-accent)}.path-icon{width:64px;height:64px;background:var(--color-accent-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-accent)}.path-icon svg,.path-icon i{width:32px;height:32px;stroke-width:2}.path-overview-card h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);font-family:var(--font-heading);letter-spacing:-.01em}.path-overview-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word}.path-overview-card .path-desc{font-size:var(--text-base);color:var(--text-primary);line-height:1.6;margin-top:var(--space-2)}.tool-launch-content{max-width:600px;margin:0 auto}.tool-launch-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);text-align:center}.tool-launch-icon{width:64px;height:64px;background:var(--color-accent-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-accent)}.tool-launch-icon svg,.tool-launch-icon i{width:32px;height:32px}.journey-summary-content{max-width:700px;margin:0 auto}.completion-next-actions{margin-top:var(--space-8);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg)}.next-actions-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary);font-family:var(--font-heading)}.next-actions-list{display:flex;flex-direction:column;gap:var(--space-3)}.next-action-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--duration-fast)}.next-action-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.next-action-icon{width:40px;height:40px;background:var(--color-accent-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent)}.progress-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.resource-list-content{max-width:900px;margin:0 auto}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.resource-item{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-normal)}.resource-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.resource-link{display:flex;gap:var(--space-4);text-decoration:none;color:inherit}.resource-icon{width:48px;height:48px;background:var(--color-accent-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent)}.resource-icon svg,.resource-icon i{width:24px;height:24px}.resource-info{flex:1}.resource-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.resource-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}@media(max-width:640px){.step-hero{padding:var(--space-6);margin-bottom:var(--space-6)}.step-hero:before{width:150px;height:150px}.step-hero-title{font-size:var(--font-2xl)}.step-hero-description{font-size:var(--font-base)}.step-hero-meta{gap:var(--space-2)}.pro-tip-callout{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.pro-tip-icon{width:36px;height:36px}.pro-tip-icon svg,.pro-tip-icon i{width:18px;height:18px}.content-summary,.assessment-section{padding:var(--space-6);margin-bottom:var(--space-6)}.key-points-section{padding:var(--space-4)}.content-summary-title{font-size:var(--font-xl)}.assessment-section h3{font-size:var(--font-lg)}.module-intro-hero{padding:var(--space-6)}.module-intro-hero:before{width:150px;height:150px}.module-intro-title{font-size:var(--font-2xl)}.module-intro-purpose{font-size:var(--font-base)}.module-objectives{padding:var(--space-4)}.step-media-placeholder i,.step-media-placeholder svg{width:36px;height:36px}.paths-grid{grid-template-columns:1fr;gap:var(--space-5);row-gap:var(--space-6)}.path-overview-card{padding:var(--space-5);min-height:auto}.path-icon{width:56px;height:56px}.path-icon svg,.path-icon i{width:28px;height:28px}.tool-launch-content{padding:0 var(--space-4)}.tool-launch-card{padding:var(--space-6)}.tool-launch-icon{width:56px;height:56px}.journey-summary-content{padding:0 var(--space-4)}.completion-next-actions{padding:var(--space-4)}.resource-list-content{padding:0 var(--space-4)}.resources-grid{grid-template-columns:1fr}.resource-item{padding:var(--space-4)}.resource-icon{width:40px;height:40px}}.path-overview-card .path-detail{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-top:var(--space-3);padding-top:var(--space-3);border-top:2px solid var(--border-default)}.path-traits{list-style:none;padding:0;margin:var(--space-4) 0 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.path-traits li{font-size:var(--text-sm);background:var(--color-accent-light);color:var(--color-accent-dark);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:500}.networking-steps-overview{margin:var(--space-6) 0}.networking-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.networking-step-card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);transition:all var(--duration-normal) var(--ease-out)}.networking-step-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.networking-step-card .step-number{width:40px;height:40px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);flex-shrink:0}.networking-step-card .step-content{display:block;flex:1;min-width:0}.networking-step-card .step-content h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.networking-step-card .step-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.module-1 .networking-step-card .step-number{background:var(--color-module-1, #5b9bd5)}.module-1 .networking-step-card:hover{border-color:var(--color-module-1, #5b9bd5)}.module-2 .networking-step-card .step-number{background:var(--color-module-2, #4aaa6a)}.module-2 .networking-step-card:hover{border-color:var(--color-module-2, #4aaa6a)}.module-3 .networking-step-card .step-number{background:var(--color-module-3, #4a9f96)}.module-3 .networking-step-card:hover{border-color:var(--color-module-3, #4a9f96)}.step-guide-vertical .networking-steps-grid{grid-template-columns:1fr}.pitch-template{margin:var(--space-6) 0;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.pitch-template-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.pitch-sections{display:flex;flex-direction:column;gap:var(--space-3)}.pitch-section-card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);display:flex;gap:var(--space-4);transition:all var(--duration-fast)}.pitch-section-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.pitch-section-card .section-number{width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.pitch-section-card .section-content h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.pitch-section-card .section-prompt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0;font-style:italic}.hand-exercise{margin:var(--space-6) 0;background:linear-gradient(135deg,var(--color-warning-light, #fef9c3) 0%,color-mix(in srgb,var(--color-warning) 12%,white) 100%);border:1px solid var(--color-warning, #f59e0b);border-radius:var(--radius-lg);padding:var(--space-6)}.hand-exercise-title{font-size:var(--text-xl);font-weight:700;color:var(--color-warning-dark, #d97706);margin-bottom:var(--space-2)}.hand-exercise-desc{font-size:var(--text-base);color:var(--color-warning-dark, #d97706);margin-bottom:var(--space-4)}.fingers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.finger-card{background:#fff;border-radius:var(--radius-md);padding:var(--space-4);display:flex;gap:var(--space-3);box-shadow:var(--shadow-sm)}.finger-icon{width:36px;height:36px;background:var(--color-warning, #f59e0b);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.finger-number{font-weight:700;color:#fff;font-size:var(--text-base)}.finger-content h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.finger-content p{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;margin:0}.pitch-textarea{width:100%;min-height:80px;padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-base);line-height:1.6;resize:vertical;transition:border-color var(--duration-fast)}.pitch-textarea:focus{outline:3px solid var(--color-accent, #eea24c);outline-offset:2px;border-color:var(--color-accent, #eea24c);box-shadow:0 0 0 6px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.pitch-textarea::placeholder{color:var(--color-gray-400)}.assessment-criteria{margin:var(--space-6) 0;background:var(--color-success-light, #ecfdf5);border:1px solid var(--color-success, #22c55e);border-radius:var(--radius-lg);padding:var(--space-5)}.criteria-title{font-size:var(--text-lg);font-weight:700;color:var(--color-success-dark, #16a34a);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.criteria-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.criteria-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary)}.criteria-item i{color:var(--color-success, #22c55e);flex-shrink:0}.tips-section{margin:var(--space-6) 0;background:var(--color-info-light, #eff6ff);border:1px solid var(--color-info, #3b82f6);border-radius:var(--radius-lg);padding:var(--space-5)}.tips-title{font-size:var(--text-lg);font-weight:700;color:var(--color-info-dark, #1d4ed8);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.tips-title i{color:var(--color-info, #3b82f6)}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.tips-list li{padding:var(--space-3);background:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);line-height:1.5;padding-left:var(--space-8);position:relative}.tips-list li:before{content:"";position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-info, #3b82f6);border-radius:var(--radius-full);box-shadow:0 0 0 3px var(--color-info-light, rgba(59, 130, 246, .2))}@media(max-width:640px){.networking-steps-grid{grid-template-columns:1fr}.networking-step-card{padding:var(--space-4)}.networking-step-card .step-number{width:36px;height:36px;font-size:var(--text-base)}.pitch-template{padding:var(--space-4)}.pitch-section-card{padding:var(--space-3)}.hand-exercise{padding:var(--space-4)}.fingers-grid{grid-template-columns:1fr}.finger-card{padding:var(--space-3)}.assessment-criteria,.tips-section{padding:var(--space-4)}.path-traits{flex-direction:column;gap:var(--space-1)}.path-traits li{width:fit-content}}.competence-model-content{padding:0}.phd-model-container{min-height:400px}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary, #666);gap:16px}.loading-placeholder .loading-spinner{color:var(--color-primary, #0075c9)}.load-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-text-secondary, #666);gap:16px}.load-error svg{color:var(--color-error, #dc3545)}.load-error h3{color:var(--color-text-primary, #333);margin:0}.load-error p{margin:0}.competence-instructions{margin-top:24px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e0e6ed);border-radius:12px;overflow:hidden}.instructions-header{display:flex;align-items:center;gap:10px;padding:16px 20px;cursor:pointer;font-weight:600;color:var(--color-primary, #0075c9);background:var(--color-surface-alt, #f5f6f8);transition:background .2s ease}.instructions-header:hover{background:var(--color-primary-light, #e6f2fa)}.instructions-header .chevron-icon{margin-left:auto;transition:transform .3s ease}details[open] .instructions-header .chevron-icon{transform:rotate(180deg)}.instructions-content{padding:20px;line-height:1.6;color:var(--color-text-secondary, #555)}.instructions-content ul{margin:12px 0;padding-left:24px}.instructions-content li{margin:8px 0}.instructions-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:var(--color-success-light, #e8f5e9);border-radius:8px;color:var(--color-success, #28a745);font-size:.9rem}.instructions-note svg{flex-shrink:0}@media(max-width:768px){.competence-instructions{margin-top:16px}.instructions-header{padding:12px 16px;font-size:.95rem}.instructions-content{padding:16px}}.lesson-intro-content{margin:var(--space-6) 0}.intro-card{background:#fff;border:1px solid var(--color-gray-200, #eeebe9);border-top:4px solid var(--color-accent, #eea24c);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 4px 12px #00000014}.intro-card .intro-title{font-size:var(--font-lg);font-weight:600;color:var(--color-primary);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.intro-card .intro-title:before{content:"";display:inline-block;width:4px;height:1.2em;background:var(--color-accent, #eea24c);border-radius:2px}.intro-card .intro-description{font-size:var(--font-base);color:var(--color-gray-700);line-height:1.7;margin:0}@media(max-width:768px){.intro-card{padding:var(--space-4)}.intro-card .intro-title{font-size:var(--font-base)}.intro-card .intro-description{font-size:var(--font-sm)}}.tool-action-card{background:#fff;border:1px solid var(--color-gray-200, #eeebe9);border-radius:var(--radius-xl, 16px);padding:var(--space-8, 2rem);box-shadow:0 4px 16px #00000014;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5, 1.25rem);margin:var(--space-6, 1.5rem) 0}.tool-action-icon{width:72px;height:72px;background:var(--color-accent-light, #fef3e0);border-radius:var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;color:var(--color-accent, #eea24c)}.tool-action-icon svg{width:32px;height:32px;stroke-width:1.5}.tool-action-title{font-size:var(--font-xl, 1.25rem);font-weight:700;color:var(--color-primary, #003348);margin:0;line-height:1.3}.tool-action-description{font-size:var(--font-base, 1rem);color:var(--color-gray-600, #6b7280);line-height:1.7;margin:0;max-width:560px}.tool-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-4, 1rem) var(--space-8, 2rem);background:linear-gradient(135deg,var(--color-accent, #eea24c) 0%,#d4922f 100%);color:#fff;font-size:var(--font-base, 1rem);font-weight:600;border-radius:var(--radius-full, 9999px);text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #eea24c4d}.tool-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #eea24c66;color:#fff!important}.tool-action-btn svg{width:18px;height:18px}.tool-action-card .tool-action-btn,.tool-launch-content .tool-action-btn,a.tool-action-btn{background:linear-gradient(135deg,#eea24c,#d4922f)!important;color:#fff!important}.tool-action-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-1, .25rem);font-size:var(--font-sm, .875rem);color:var(--color-gray-500, #9ca3af);margin:0}.tool-action-hint svg{width:14px;height:14px}.tool-action-confirm{width:100%;padding-top:var(--space-4, 1rem);border-top:1px solid var(--color-gray-100, #f3f4f6);margin-top:var(--space-2, .5rem)}.tool-action-checkbox{display:flex;align-items:center;justify-content:center;gap:var(--space-3, .75rem);cursor:pointer;font-size:var(--font-base, 1rem);color:var(--color-gray-700, #374151)}.tool-action-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.tool-action-checkbox .checkbox-custom{width:24px;height:24px;background:#fff;border:2px solid var(--color-gray-300, #d1d5db);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.tool-action-checkbox .checkbox-custom:after{content:"";width:12px;height:12px;background:var(--color-accent, #eea24c);border-radius:4px;opacity:0;transform:scale(0);transition:all .2s ease}.tool-action-checkbox input[type=checkbox]:checked+.checkbox-custom{border-color:var(--color-accent, #eea24c);background:var(--color-accent-light, #fef3e0)}.tool-action-checkbox input[type=checkbox]:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.tool-action-checkbox .checkbox-label{line-height:1.4}.tool-benefits-list{list-style:none;padding:0;margin:1rem 0 1.5rem;text-align:left;width:100%}.tool-benefits-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:var(--text-secondary, #4b5563);font-size:.95rem;line-height:1.5}.tool-benefits-list li i,.tool-benefits-list li svg{color:var(--color-success, #22c55e);flex-shrink:0;margin-top:2px;width:20px;height:20px}.tool-action-continue{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb);width:100%}.tool-action-continue .tool-continue-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}@media(max-width:768px){.tool-action-card{padding:var(--space-6, 1.5rem);gap:var(--space-4, 1rem)}.tool-action-icon{width:56px;height:56px}.tool-action-icon svg{width:24px;height:24px}.tool-action-title{font-size:var(--font-lg, 1.125rem)}.tool-action-description{font-size:var(--font-sm, .875rem)}.tool-action-btn{padding:var(--space-3, .75rem) var(--space-6, 1.5rem);font-size:var(--font-sm, .875rem)}}.view-condensed .lesson-subtitle,.view-condensed .content-summary-text,.view-condensed .step-about-text,.view-condensed .intro-about-text,.view-condensed .station-tagline,.view-condensed .intro-tip,.view-condensed .tool-instructions{display:none}.view-condensed:before{content:"";display:none}.view-condensed .key-points-section,.view-condensed .key-points-list,.view-condensed .intro-features-grid{margin-top:var(--space-4)}.view-condensed .lesson-content,.view-condensed .learn-content,.view-condensed .learn-assess-content{gap:var(--space-4)}.view-condensed .station-details{display:none}.view-condensed .station-traits{margin-top:var(--space-2)}.view-detailed .lesson-subtitle,.view-detailed .content-summary-text,.view-detailed .step-about-text{display:block}.career-sectors-options{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%}.career-sector-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-6);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;box-shadow:0 1px 2px #00000008;transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);min-height:72px;width:100%;box-sizing:border-box}.career-sector-option:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.career-sector-option:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.3)}.career-sector-option.selected{border-color:var(--color-accent);background:linear-gradient(135deg,#fef3e0 0%,var(--color-accent-light) 100%);box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 232, 180, 76),.2)}.career-sector-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-gray-100);transition:background var(--duration-normal)}.career-sector-icon i{width:20px;height:20px}.career-sector-icon[data-sector=academia]{background:color-mix(in srgb,var(--color-sector-academia, #004b68) 12%,white);color:var(--color-sector-academia, #004b68)}.career-sector-icon[data-sector=industry]{background:color-mix(in srgb,var(--color-sector-industry, #dc2626) 12%,white);color:var(--color-sector-industry, #dc2626)}.career-sector-icon[data-sector=government]{background:color-mix(in srgb,var(--color-sector-government, #eab308) 12%,white);color:var(--color-sector-government, #eab308)}.career-sector-icon[data-sector=nonprofit]{background:color-mix(in srgb,var(--color-sector-nonprofit, #f97316) 12%,white);color:var(--color-sector-nonprofit, #f97316)}.career-sector-icon[data-sector=education]{background:color-mix(in srgb,var(--color-sector-education, #ea580c) 12%,white);color:var(--color-sector-education, #ea580c)}.career-sector-icon[data-sector="consultancy/business"],.career-sector-icon[data-sector=business]{background:color-mix(in srgb,var(--color-sector-consultancy, #0ea5e9) 12%,white);color:var(--color-sector-consultancy, #0ea5e9)}.career-sector-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.career-sector-title{font-weight:600;color:var(--text-primary);font-size:var(--font-base)}.career-sector-desc{font-size:var(--font-sm);color:var(--text-secondary)}.career-sector-display{cursor:default;pointer-events:none}.career-sector-display:hover{border-color:var(--color-gray-200);background:#fff;transform:none}.career-sectors-actions{display:flex;justify-content:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-gray-100)}.career-sectors-continue{display:inline-flex;align-items:center;gap:var(--space-2)}.career-sectors-continue i{width:18px;height:18px}@media(max-width:480px){.career-sector-option{padding:var(--space-4);min-height:64px}.career-sector-icon{width:36px;height:36px}.career-sector-icon i{width:18px;height:18px}}.career-navigator-guidance{margin:var(--space-6) 0}.guidance-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.guidance-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--text-primary)}.guidance-item i{color:var(--color-success, #22c55e);flex-shrink:0;margin-top:2px}.career-navigator-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;padding:var(--space-6) 0;border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}.career-tool-launch-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.lesson-content-area,.step-content-area{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.step-content-section,.content-section,.assessment-content,.quiz-content,.reflection-content,.learn-assess-content,.learn-content{background:#fff;border-radius:var(--radius-xl, 16px);padding:var(--space-8, 32px);border:1px solid var(--color-gray-100, #f3f4f6);box-shadow:0 4px 6px -1px #0000000d}@media(max-width:768px){.step-content-section,.content-section,.assessment-content,.quiz-content,.reflection-content,.learn-assess-content,.learn-content{padding:var(--space-6, 24px);border-radius:var(--radius-lg, 12px)}}.step-card{background:var(--step-card-bg);padding:var(--step-card-padding);border:var(--step-card-border);border-radius:var(--step-card-radius);box-shadow:var(--step-card-shadow)}.step-card-header{display:flex;gap:var(--step-header-gap);align-items:flex-start;margin-bottom:var(--step-header-margin-bottom);padding-bottom:var(--step-header-margin-bottom);border-bottom:var(--step-header-border)}.step-card-icon{width:var(--step-icon-size);height:var(--step-icon-size);background:var(--step-icon-bg);border-radius:var(--step-icon-radius);display:flex;align-items:center;justify-content:center;color:var(--step-icon-color);flex-shrink:0}.step-card-icon i,.step-card-icon svg{width:28px;height:28px}.step-card-title-group{flex:1;min-width:0}.step-card-title{font-size:var(--step-title-size);font-weight:var(--step-title-weight);color:var(--step-title-color);margin:var(--step-title-margin);line-height:1.3}.step-card-desc{font-size:var(--step-desc-size);color:var(--step-desc-color);margin:0;line-height:var(--step-desc-line-height)}.step-card-content{margin-bottom:var(--step-header-margin-bottom)}.step-card-actions{margin-top:var(--step-actions-margin-top);padding-top:var(--step-actions-padding-top);border-top:var(--step-actions-border);display:flex;justify-content:center}.step-card-actions:first-child:last-child{margin-top:0;padding-top:0;border-top:none}.btn-continue{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-continue-gap);background:var(--btn-continue-bg);color:var(--btn-continue-color);padding:var(--btn-continue-padding);border:none;border-radius:var(--btn-continue-radius);font-weight:var(--btn-continue-font-weight);font-size:var(--btn-continue-font-size);cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--btn-continue-shadow);min-width:160px}.btn-continue:hover{background:var(--btn-continue-hover-bg);transform:translateY(-1px);box-shadow:var(--btn-continue-hover-shadow)}.btn-continue:active{transform:translateY(0)}.btn-continue i,.btn-continue svg{width:18px;height:18px}.step-pro-tip{background:var(--tip-bg);border-left:var(--tip-border-width) solid var(--tip-border-color);border-radius:var(--tip-radius);padding:var(--tip-padding);margin-top:var(--tip-margin-top)}.step-pro-tip-label{font-size:.875rem;font-weight:600;color:var(--tip-label-color);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.step-pro-tip-text{font-size:var(--step-desc-size);color:var(--tip-text-color);line-height:1.5;margin:0}.step-guidance-list{display:flex;flex-direction:column;gap:var(--guidance-gap);list-style:none;padding:0;margin:0}.step-guidance-item{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);color:var(--guidance-text-color);line-height:1.5}.step-guidance-item i,.step-guidance-item svg{width:20px;height:20px;color:var(--guidance-icon-color);flex-shrink:0;margin-top:2px}@media(max-width:768px){.step-card{padding:var(--space-6, 1.5rem)}.step-card-header{gap:var(--space-3, .75rem)}.step-card-icon{width:48px;height:48px}.step-card-icon i,.step-card-icon svg{width:24px;height:24px}.step-card-title{font-size:1.125rem}.btn-continue{width:100%}}.btn-external-tool{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);background:linear-gradient(135deg,var(--color-accent, #eea24c) 0%,var(--color-accent-dark, #d4912e) 100%);color:#fff;padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border:none;border-radius:var(--radius-lg, 12px);font-weight:600;font-size:var(--font-size-base, 1rem);cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #eea24c4d}.btn-external-tool:hover{transform:translateY(-2px);box-shadow:0 6px 20px #eea24c66}.btn-external-tool:active{transform:translateY(0)}.btn-external-tool i,.btn-external-tool svg{width:20px;height:20px}.tool-launch-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem)}.tool-launch-hint{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:.875rem;color:var(--color-text-muted, #6b6a6a);margin:0}@media(max-width:768px){.btn-external-tool{width:100%}}.step-image-container{text-align:center}.step-image{display:block;max-width:100%;height:auto;border-radius:var(--radius-lg, 12px);margin:0 auto}.step-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:200px;background:linear-gradient(135deg,var(--color-gray-50, #f9fafb) 0%,var(--color-gray-100, #f3f4f6) 100%);border:2px dashed var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);color:var(--color-gray-400, #9ca3af)}.step-image-placeholder i,.step-image-placeholder svg{width:48px;height:48px}.lesson-hero-split{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 6px 24px #0000000f;border:1px solid var(--color-gray-100, #f3f4f6)}@media(min-width:768px){.lesson-hero-split{display:grid;grid-template-columns:3fr 2fr;align-items:center}}.lesson-hero-split .step-image-container{background:var(--step-image-bg, #f9fafb);padding:var(--space-6, 1.5rem);min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;border-radius:0}.lesson-hero-split .step-image{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-lg, 12px)}.lesson-hero-split .lesson-title-zone{margin-bottom:0;padding:var(--space-6, 1.5rem) var(--space-8, 2rem);display:flex;flex-direction:column;justify-content:center;position:relative}@media(min-width:768px){.lesson-hero-split .lesson-title-zone:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;max-height:80px;background:linear-gradient(180deg,var(--color-accent, #eea24c),var(--color-primary, #004b68));border-radius:4px}}.lesson-hero-split .lesson-title{font-size:1.5rem;line-height:1.25;margin-bottom:12px}.lesson-hero-split .lesson-subtitle{font-size:.95rem;line-height:1.6;color:var(--color-gray-600, #6b7280);max-width:none}.module-1 .lesson-hero-split .step-image-container{background:color-mix(in srgb,var(--color-primary, #004b68) 8%,white)}.module-2 .lesson-hero-split .step-image-container{background:#d6edda}.module-3 .lesson-hero-split .step-image-container{background:#d2ece8}.lesson-hero-split .step-image-placeholder{height:160px;border:none;background:transparent}@media(max-width:767px){.lesson-hero-split{display:flex;flex-direction:column}.lesson-hero-split .step-image-container{min-height:auto;padding:var(--space-4, 1rem)}.lesson-hero-split .lesson-title-zone{padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem)}.lesson-hero-split .lesson-title{font-size:1.375rem}}.pitch-template-guide{background:color-mix(in srgb,var(--color-primary, #004b68) 6%,white);border:1px solid color-mix(in srgb,var(--color-primary, #004b68) 15%,transparent);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);margin-bottom:var(--space-4, 1rem)}.pitch-template-text{font-size:var(--text-sm, .875rem);font-style:italic;color:var(--color-text-secondary, #5a5959);line-height:1.7;margin:0}.pitch-template-card{background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-6, 1.5rem)}.pitch-template-text{font-size:var(--text-base, 1rem);line-height:2.4;color:var(--color-text-primary, #3b3a3a)}.pitch-blank{display:inline-block;border:none;border-bottom:2px solid var(--color-primary, #004b68);background:transparent;font-family:inherit;font-size:var(--text-base, 1rem);color:var(--color-primary, #004b68);font-weight:600;padding:0 .25rem;min-width:120px;max-width:280px;width:auto;transition:border-color var(--duration-fast, .15s)}.pitch-blank::placeholder{color:var(--color-gray-400, #9ca3af);font-weight:400;font-style:italic}.pitch-blank:focus{outline:none;border-bottom-color:var(--color-accent, #eea24c);background:#eea24c0d}@media(max-width:768px){.pitch-blank{min-width:80px;max-width:200px;font-size:var(--text-sm, .875rem)}.pitch-template-text{line-height:2.6}}.test-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4, 1rem);margin-top:var(--space-4, 1rem)}.test-choice-card{border-left:4px solid var(--color-accent, #eea24c);padding:var(--space-4, 1rem)}.test-choice-card-header{display:flex;align-items:center;gap:var(--space-3, .75rem);margin-bottom:var(--space-3, .75rem)}.test-choice-card-icon{color:var(--color-accent, #eea24c);flex-shrink:0}.test-choice-card-title{margin:0;font-size:1rem;font-weight:600}.test-choice-card-desc{font-size:.875rem;color:var(--color-gray-600, #4b5563);margin:0 0 var(--space-3, .75rem) 0}.test-choice-card-duration{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--color-gray-500, #6b7280);background:var(--color-gray-100, #f3f4f6);padding:2px 8px;border-radius:9999px}.test-choice-features{list-style:none;margin:var(--space-3) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.test-choice-feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-primary);font-weight:500}.test-choice-feature-item i{flex-shrink:0;color:var(--color-primary)}.module-1 .test-choice-card{border-left-color:var(--color-module-1, #5b9bd5)}.module-1 .test-choice-card-icon{color:var(--color-module-1, #5b9bd5)}.module-2 .test-choice-card{border-left-color:var(--color-module-2, #4aaa6a)}.module-2 .test-choice-card-icon{color:var(--color-module-2, #4aaa6a)}.module-3 .test-choice-card{border-left-color:var(--color-module-3, #4a9f96)}.module-3 .test-choice-card-icon{color:var(--color-module-3, #4a9f96)}.tool-overview-section{margin-top:var(--space-6, 1.5rem);padding-top:var(--space-5, 1.25rem);border-top:1px solid var(--color-gray-200, #e5e7eb)}.tool-overview-heading{display:flex;align-items:center;gap:var(--space-2, .5rem);margin:0 0 var(--space-4, 1rem) 0!important}.tool-overview-heading:before{content:"";display:inline-block;width:4px;height:1.05em;border-radius:2px;background:var(--color-accent, #eea24c)}.tool-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3, .75rem)}.tool-overview-card{position:relative;display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.tool-overview-card:hover{border-color:color-mix(in srgb,var(--color-accent, #eea24c) 45%,transparent);box-shadow:0 6px 16px #0f172a0f;transform:translateY(-1px)}.tool-overview-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md, 8px);background:color-mix(in srgb,var(--color-accent, #eea24c) 12%,white);color:var(--color-accent, #eea24c);flex-shrink:0}.tool-overview-card-icon i,.tool-overview-card-icon svg{width:18px;height:18px}.tool-overview-card-label{flex:1;font-weight:600;font-size:.9375rem;color:var(--color-gray-800, #1f2937);line-height:1.3}.tool-overview-card-step{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:9999px;background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-500, #6b7280);font-size:.6875rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.module-1 .tool-overview-heading:before{background:var(--color-module-1, #5b9bd5)}.module-1 .tool-overview-card-icon{background:color-mix(in srgb,var(--color-module-1, #5b9bd5) 12%,white);color:var(--color-module-1, #5b9bd5)}.module-1 .tool-overview-card:hover{border-color:color-mix(in srgb,var(--color-module-1, #5b9bd5) 45%,transparent)}.module-2 .tool-overview-heading:before{background:var(--color-module-2, #4aaa6a)}.module-2 .tool-overview-card-icon{background:color-mix(in srgb,var(--color-module-2, #4aaa6a) 12%,white);color:var(--color-module-2, #4aaa6a)}.module-2 .tool-overview-card:hover{border-color:color-mix(in srgb,var(--color-module-2, #4aaa6a) 45%,transparent)}.module-3 .tool-overview-heading:before{background:var(--color-module-3, #4a9f96)}.module-3 .tool-overview-card-icon{background:color-mix(in srgb,var(--color-module-3, #4a9f96) 12%,white);color:var(--color-module-3, #4a9f96)}.module-3 .tool-overview-card:hover{border-color:color-mix(in srgb,var(--color-module-3, #4a9f96) 45%,transparent)}@media(max-width:540px){.tool-overview-grid{grid-template-columns:1fr}}.road-journey{margin-top:var(--space-8, 2rem);padding:var(--space-6, 1.5rem) var(--space-4, 1rem);background:#fff;border-radius:var(--radius-xl, 16px);border:1px solid var(--color-gray-100, #f3f4f6);box-shadow:0 2px 8px #0000000a}.road-track{display:flex;align-items:center;height:44px;border-radius:22px;background:linear-gradient(180deg,#eae6df,#ddd8d0);box-shadow:inset 0 2px 4px #0000001a,inset 0 -1px 2px #ffffff4d;position:relative;padding:0 6px}.road-track:after{content:"";position:absolute;top:50%;left:22px;right:22px;height:0;border-top:2px dashed rgba(255,255,255,.5);transform:translateY(-50%);pointer-events:none;z-index:0}.road-segment{display:flex;justify-content:space-evenly;align-items:center;position:relative;z-index:1;height:100%}.road-segment:before{content:"";position:absolute;top:0;left:0;width:var(--seg-fill, 0%);height:100%;background:var(--seg-color, #eea24c);opacity:.15;transition:width .5s ease;z-index:0;pointer-events:none}.road-stop{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .3s ease;flex-shrink:0}button.road-stop{padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;appearance:none}button.road-stop:focus-visible{outline:2px solid var(--color-accent, #eea24c);outline-offset:2px}.road-stop-number{font-size:.55rem;font-weight:700;line-height:1}.road-stop-icon{width:12px;height:12px}.road-stop--completed{background:var(--seg-color, #eea24c);color:#fff}.road-stop--completed:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003}.road-stop--current{width:24px;height:24px;background:#fff;border:3px solid var(--seg-color, #eea24c);color:var(--seg-color, #eea24c);animation:road-pulse 2s ease-in-out infinite}.road-stop--upcoming{background:#ffffff80;border:2px dashed var(--color-gray-400, #9ca3af);color:var(--color-gray-400, #9ca3af)}.road-milestone{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--ms-color, #eea24c);color:var(--ms-color, #eea24c);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;position:relative;transition:all .3s ease}.road-milestone--reached{background:var(--ms-color, #eea24c);color:#fff}.road-milestone i,.road-milestone svg{width:14px;height:14px}.road-flag{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;background:var(--color-gray-200, #e5e7eb);color:var(--color-gray-500, #6b7280);transition:all .3s ease}.road-flag i,.road-flag svg{width:14px;height:14px}.road-flag--start.road-flag--passed{background:#eea24c;color:#fff}.road-flag--finish.road-flag--reached{background:#f59e0b;color:#fff;animation:road-trophy-glow 2s ease-in-out infinite}.road-character{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:9999px;background:#fff;border:4px solid var(--seg-color, #eea24c);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;z-index:10;animation:road-bounce 3s ease-in-out infinite}.road-character-ring{width:12px;height:12px;border-radius:9999px;background:var(--seg-color, #eea24c)}.road-labels{display:flex;margin-top:var(--space-3, .75rem);padding:0 28px}.road-labels span{text-align:center;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .25rem}.road-label__full{display:inline}.road-label__short{display:none}@media(max-width:640px){.road-label__full{display:none}.road-label__short{display:inline}}.road-journey--top{margin-bottom:var(--space-4, 1rem)}.road-journey--bottom{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:#fff;border-top:1px solid var(--border-default, #e5e7eb);box-shadow:0 -6px 20px #0000000f;padding:var(--space-4, 1rem) var(--space-6, 1.5rem) var(--space-3, .75rem);margin:0;animation:roadJourneySlideUp .36s cubic-bezier(.18,.55,.45,1) .22s both}body>.road-journey--detached{z-index:9999}@media(min-width:1025px){.road-journey--bottom{left:var(--sidebar-width, 300px)}}@media(max-width:1024px){body:has(.sidebar.open)>.road-journey--detached,body:has(.sidebar.open) .road-journey--bottom{display:none}}@keyframes roadJourneySlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.road-journey--bottom .road-track,.road-journey--bottom .road-labels,.road-journey--bottom .road-progress-text{max-width:880px;margin-left:auto;margin-right:auto}.road-journey--bottom .road-progress-text{margin-top:var(--space-2, .5rem)}.lesson-screen,.unified-step{padding-bottom:170px}@media(max-width:768px){.lesson-screen,.unified-step{padding-bottom:160px}.road-journey--bottom{padding:var(--space-3, .75rem) var(--space-4, 1rem) calc(var(--space-2, .5rem) + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.lesson-screen,.unified-step{padding-bottom:150px}}@media(prefers-reduced-motion:reduce){.road-journey--bottom{animation:none}}.road-label--active{color:var(--color-gray-700, #374151)}.road-progress-text{text-align:center;font-size:.75rem;font-weight:500;color:var(--color-gray-600, #4b5563);margin:var(--space-3, .75rem) 0 0 0;padding-top:var(--space-3, .75rem);border-top:1px solid var(--color-gray-100, #f3f4f6)}@keyframes road-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--seg-color, #eea24c) 20%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--seg-color, #eea24c) 10%,transparent)}}@keyframes road-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}@keyframes road-trophy-glow{0%,to{box-shadow:0 0 8px #f59e0b66}50%{box-shadow:0 0 16px #f59e0b99}}@media(prefers-reduced-motion:reduce){.road-stop--current,.road-character,.road-flag--finish.road-flag--reached{animation:none}.road-segment:before{transition:none}}@media(max-width:768px){.road-journey{padding:var(--space-4, 1rem) var(--space-3, .75rem)}.road-track{height:38px;border-radius:19px}.road-stop{width:16px;height:16px}.road-stop--current{width:18px;height:18px;border-width:2px}.road-stop-number{font-size:.45rem}.road-stop--upcoming .road-stop-number,.road-stop--current .road-stop-number{display:none}.road-stop-icon{width:10px;height:10px}.road-milestone{width:22px;height:22px}.road-milestone i,.road-milestone svg{width:11px;height:11px}.road-flag{width:22px;height:22px}.road-flag i,.road-flag svg{width:11px;height:11px}.road-character{width:28px;height:28px;border-width:3px}.road-character-ring{width:10px;height:10px}.road-labels span{font-size:.6rem}.road-progress-text{font-size:.7rem}.road-track:after{left:19px;right:19px}}@media(max-width:480px){.road-journey{padding:var(--space-3, .75rem) var(--space-2, .5rem)}.road-track{height:34px;border-radius:17px;padding:0 4px}.road-stop{width:12px;height:12px}.road-stop--current{width:14px;height:14px}.road-stop-number{display:none}.road-stop-icon{width:8px;height:8px}.road-labels{display:none}.road-character{width:22px;height:22px;border-width:2px}.road-character-ring{width:8px;height:8px}.road-milestone{width:18px;height:18px}.road-milestone i,.road-milestone svg{width:9px;height:9px}.road-flag{width:18px;height:18px}.road-flag i,.road-flag svg{width:9px;height:9px}.road-track:after{left:17px;right:17px}.road-progress-text{font-size:.7rem;padding-top:var(--space-2, .5rem);margin-top:var(--space-2, .5rem)}.step-section-heading{font-size:var(--text-lg, 1.125rem)}.networking-step-card{padding:var(--space-3, .75rem);gap:var(--space-3, .75rem)}.networking-step-card .step-number{width:32px;height:32px;font-size:var(--text-base, 1rem)}}@media(max-width:640px){.module-intro-card .btn-continue,.module-intro-card [data-action=continue]{width:100%;justify-content:center}}.competency-domain-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:640px){.competency-domain-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.competency-domain-grid{grid-template-columns:repeat(3,1fr)}}.competency-domain-card{background:var(--color-white, #fff);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-5);transition:box-shadow var(--duration-200) ease,border-color var(--duration-200) ease}.competency-domain-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--color-gray-300)}.competency-domain-card-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.competency-domain-card-icon i,.competency-domain-card-icon svg{width:24px;height:24px;color:var(--color-primary)}.competency-domain-card h4{font-weight:var(--font-weight-bold, 700);color:var(--color-gray-900);font-size:var(--font-base);margin-bottom:var(--space-2)}.competency-domain-card p{font-size:var(--font-sm);color:var(--color-gray-600);line-height:1.6}.competency-checklist{border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);overflow:hidden}.competency-checklist-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.competency-checklist-header-left{display:flex;align-items:center;gap:var(--space-3)}.competency-checklist-icon{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.competency-checklist-icon i,.competency-checklist-icon svg{width:20px;height:20px;color:var(--color-primary)}.competency-checklist-header h4{font-weight:var(--font-weight-bold, 700);color:var(--color-gray-900);font-size:var(--font-base);margin:0}.competency-checklist-header p{font-size:var(--font-sm);color:var(--color-gray-500);margin:0}.competency-checklist-counter{text-align:right;flex-shrink:0}.competency-checklist-count{font-size:var(--font-2xl);font-weight:var(--font-weight-bold, 700);color:var(--color-primary)}.competency-checklist-counter span:last-child{color:var(--color-gray-400)}.competency-checklist-progress{height:8px;background:var(--color-gray-200);overflow:hidden}.competency-checklist-progress-fill{height:100%;border-radius:0 4px 4px 0;background:var(--color-primary);transition:width var(--duration-500) ease}.competency-checklist-items{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.competency-checklist-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-xl);cursor:pointer;border:1px solid transparent;background:var(--color-gray-50);transition:background var(--duration-200) ease,border-color var(--duration-200) ease}.competency-checklist-item:hover{background:var(--color-gray-100)}.competency-checklist-item:has(input:checked){background:color-mix(in srgb,var(--color-success) 8%,white);border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}.competency-checklist-item input[type=checkbox]{width:20px;height:20px;border-radius:var(--radius-md);border:2px solid var(--color-gray-300);appearance:none;cursor:pointer;flex-shrink:0;transition:background var(--duration-200) ease,border-color var(--duration-200) ease}.competency-checklist-item input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.competency-checklist-item span{font-size:var(--font-base);color:var(--color-gray-700)}.competency-checklist-item .checklist-item-check-icon{margin-left:auto;flex-shrink:0;color:var(--color-success);display:none}.competency-checklist-item:has(input:checked) .checklist-item-check-icon{display:block}.competency-checklist-item:has(input:checked) .checklist-item-check-icon i,.competency-checklist-item:has(input:checked) .checklist-item-check-icon svg{width:20px;height:20px}.drag-drop-exercise-area{background:var(--color-gray-50);border-radius:var(--radius-2xl);padding:var(--space-5);border:1px solid var(--color-gray-200)}.drag-drop-progress{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.drag-drop-progress-label{font-size:var(--font-sm);color:var(--color-gray-600)}.drag-drop-progress-track{display:flex;align-items:center;gap:var(--space-2)}.drag-drop-progress-bar{width:96px;height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden}.drag-drop-progress-fill{height:100%;border-radius:4px;background:var(--color-primary);transition:width var(--duration-500) ease}.drag-drop-progress-text{font-size:var(--font-sm);font-weight:var(--font-weight-medium, 500);color:var(--color-primary)}.drag-drop-columns{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.drag-drop-columns{grid-template-columns:repeat(2,1fr)}}.drag-drop-column-heading{font-size:var(--font-sm);font-weight:var(--font-weight-bold, 700);color:var(--color-gray-700);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.drag-drop-column-heading i,.drag-drop-column-heading svg{width:16px;height:16px;color:var(--color-primary)}.drag-drop-items-list,.drag-drop-targets-list{display:flex;flex-direction:column;gap:var(--space-3)}.drag-drop-exercise-area .drag-item{background:var(--color-white, #fff);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-4);cursor:grab;transition:border-color var(--duration-200) ease,box-shadow var(--duration-200) ease;display:flex;align-items:flex-start;gap:var(--space-3);user-select:none}.drag-drop-exercise-area .drag-item:hover{border-color:var(--color-gray-300);box-shadow:0 2px 8px #0000000f}.drag-drop-exercise-area .drag-item:active{cursor:grabbing;transform:none;box-shadow:0 0 0 2px var(--color-primary)}.drag-drop-exercise-area .drag-item.dragging{opacity:.45;cursor:grabbing;box-shadow:0 4px 16px #00000026}.drag-drop-exercise-area .drag-item[data-matched]{opacity:.6;border-color:var(--color-primary);background:color-mix(in srgb,var(--color-success) 5%,white)}.drag-item-number{width:28px;height:28px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold, 700);flex-shrink:0;background:var(--color-gray-100);color:var(--color-gray-500)}.drag-drop-exercise-area .drag-item[data-matched] .drag-item-number{background:color-mix(in srgb,var(--color-success) 20%,white);color:var(--color-success-dark, #16a34a)}.drag-item-text{font-size:var(--font-base);color:var(--color-gray-700);line-height:1.6;flex:1}.drag-item-matched-icon{flex-shrink:0;color:var(--color-success);display:none}.drag-drop-exercise-area .drag-item[data-matched] .drag-item-matched-icon{display:flex}.drag-item-matched-icon i,.drag-item-matched-icon svg{width:20px;height:20px}.drag-drop-exercise-area .drop-target{background:var(--color-white, #fff);border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;transition:border-color var(--duration-200) ease,background var(--duration-200) ease}.drag-drop-exercise-area .drop-target:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.drag-drop-exercise-area .drop-target{position:relative}.drag-drop-exercise-area .drop-target.drag-over{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,white);border-style:dashed}.drag-drop-exercise-area .drop-target.drop-target--correct{border-color:var(--color-success, #16a34a);border-style:solid;background:color-mix(in srgb,var(--color-success, #16a34a) 8%,white);pointer-events:none}.drag-drop-exercise-area .drop-target.drop-target--incorrect{border-color:var(--color-warning, #f59e0b);border-style:solid;background:color-mix(in srgb,var(--color-warning, #f59e0b) 8%,white)}.drop-hint-text{font-size:var(--font-sm);color:var(--color-gray-400);font-style:italic;margin-top:var(--space-2)}.drop-target-matched-text{font-size:var(--font-sm);color:var(--color-gray-700);margin-top:var(--space-2);font-weight:var(--font-weight-medium, 500)}.drop-target-check{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--color-success, #16a34a);display:flex;align-items:center;justify-content:center}.drop-target-check i,.drop-target-check svg{width:18px;height:18px}.remove-match-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;cursor:pointer;color:var(--color-gray-400);padding:var(--space-1);line-height:1;font-size:1.1rem;border-radius:var(--radius-md);transition:color var(--duration-200) ease,background var(--duration-200) ease}.remove-match-btn:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.dd-feedback{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);font-size:var(--font-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.dd-feedback--success{background:color-mix(in srgb,var(--color-success, #16a34a) 10%,white);border:1px solid color-mix(in srgb,var(--color-success, #16a34a) 30%,white);color:var(--color-success-dark, #14532d)}.dd-feedback--error{background:color-mix(in srgb,var(--color-warning, #f59e0b) 10%,white);border:1px solid color-mix(in srgb,var(--color-warning, #f59e0b) 30%,white);color:var(--color-gray-800)}.drop-target-title{font-weight:var(--font-weight-bold, 700);color:var(--color-gray-800);font-size:var(--font-base)}.drop-target-desc{font-size:var(--font-sm);color:var(--color-gray-500);margin-top:var(--space-1);line-height:1.6}.drag-drop-hint{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200);text-align:center;font-size:var(--font-sm);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.drag-drop-hint i,.drag-drop-hint svg{width:16px;height:16px}.competency-exercise-complete{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-5);background:color-mix(in srgb,var(--color-success) 8%,white);border:1px solid color-mix(in srgb,var(--color-success) 25%,transparent);border-radius:var(--radius-xl)}.competency-exercise-complete i,.competency-exercise-complete svg{width:24px;height:24px;color:var(--color-success);flex-shrink:0}.competency-exercise-complete span{font-size:var(--font-base);font-weight:var(--font-weight-medium, 500);color:var(--color-success-dark, #16a34a)}.competence-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}@media(min-width:768px){.competence-results-grid{grid-template-columns:repeat(3,1fr)}}.competence-domain-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200);text-align:center}.competence-domain-result-icon{width:40px;height:40px;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-module-2) 12%,white)}.competence-domain-result-icon i,.competence-domain-result-icon svg{width:20px;height:20px;color:var(--color-module-2)}.competence-domain-result-label{font-size:var(--font-xs);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-600);line-height:1.3}.competence-score-value{font-size:var(--font-xl);font-weight:var(--font-weight-bold, 700);color:var(--color-module-2)}.competence-score-max{font-size:var(--font-sm);color:var(--color-gray-400);margin-left:1px}.competence-score-empty{font-size:var(--font-xl);color:var(--color-gray-300)}.competence-results-meta{text-align:center;font-size:var(--font-sm);color:var(--color-gray-500);margin-bottom:var(--space-2)}.competence-results-note{text-align:center;font-size:var(--font-xs);color:var(--color-gray-400);font-style:italic}.reflection-shared-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:600;color:var(--color-success, #22c55e)}.step-header{position:relative;margin-bottom:var(--space-8)}.step-header--standard{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--border-default);border-top:4px solid var(--color-accent);box-shadow:var(--shadow-sm)}.step-header--standard .step-header__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.step-header--standard .step-header__meta-right{display:flex;align-items:center;gap:var(--space-3)}.step-header--standard .step-header__title{font-size:var(--font-3xl);font-weight:700;color:var(--text-primary);font-family:var(--font-heading);line-height:1.2;margin:0 0 var(--space-3) 0}.step-header--standard .step-header__description{font-size:var(--font-lg);color:var(--text-secondary);line-height:1.6;margin:0;max-width:720px}.step-header--hero{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);border:1px solid var(--border-default);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.step-header--hero:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-accent)}.step-header--hero .step-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.step-header--hero .step-header__title{font-size:var(--font-4xl);font-weight:700;color:var(--text-primary);font-family:var(--font-heading);line-height:1.15;margin:0 0 var(--space-4) 0;letter-spacing:-.02em}.step-header--hero .step-header__description{font-size:var(--font-xl);color:var(--text-secondary);line-height:1.6;margin:0;max-width:800px}.step-header--module{--module-color: var(--color-primary);background:var(--gradient-primary);color:var(--text-inverse);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center;position:relative;overflow:hidden}.step-header--module:before{content:"";position:absolute;inset:0;background:var(--pattern-dots);background-size:var(--pattern-size);opacity:.1;pointer-events:none}.step-header--module .step-header__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff1a;border-radius:var(--radius-full);margin-bottom:var(--space-6);color:var(--text-inverse)}.step-header--module .step-header__badge--module-number{display:inline-block;padding:var(--space-2) var(--space-4);background:#ffffff26;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.step-header--module .step-header__title{font-size:var(--font-4xl);font-weight:700;color:var(--text-inverse);font-family:var(--font-heading);line-height:1.15;margin:0 0 var(--space-4) 0;letter-spacing:-.02em}.step-header--module .step-header__title--large{font-size:var(--font-5xl)}.step-header--module .step-header__description{font-size:var(--font-lg);color:#ffffffe6;line-height:1.6;margin:0 auto var(--space-6);max-width:600px}.step-header--module .step-header__purpose{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#ffffff1a;border-radius:var(--radius-lg);font-size:var(--font-base);color:#ffffffe6}.step-header--compact{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);border:1px solid var(--border-default);border-left:4px solid var(--color-accent)}.step-header--compact .step-header__row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.step-header--compact .step-header__title{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);font-family:var(--font-heading);line-height:1.3;margin:0}.step-header__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.step-header__badge i{flex-shrink:0}.step-header__badge--step{background:var(--color-accent-light);color:var(--color-accent-dark)}.step-header__badge--module{background:var(--color-primary);color:var(--text-inverse)}.step-header__badge--type{text-transform:uppercase;letter-spacing:.05em}.step-header__badge--learn{background:color-mix(in srgb,var(--color-step-learn) 15%,white);color:var(--color-step-learn)}.step-header__badge--action{background:var(--color-accent-light);color:var(--color-accent-dark)}.step-header__badge--assess{background:#fef3c7;color:#92400e}.step-header__badge--explore{background:var(--color-secondary-light);color:var(--color-primary)}.step-header__badge--completed{background:color-mix(in srgb,var(--color-success, #22c55e) 15%,white);color:var(--color-success-dark, #065f46)}.step-header__badge--completed i{color:var(--color-success, #10b981)}.step-header__time{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.step-header__time i{color:var(--text-muted);flex-shrink:0}.step-header--completed:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-success)}@media(max-width:768px){.step-header--standard,.step-header--hero{padding:var(--space-6)}.step-header--module{padding:var(--space-8) var(--space-6)}.step-header--standard .step-header__meta,.step-header--hero .step-header__meta{flex-direction:column;align-items:flex-start}.step-header--standard .step-header__title,.step-header--compact .step-header__title{font-size:var(--font-2xl)}.step-header--hero .step-header__title,.step-header--module .step-header__title{font-size:var(--font-3xl)}.step-header--module .step-header__title--large{font-size:var(--font-4xl)}.step-header--module .step-header__icon{width:64px;height:64px}}@media(max-width:480px){.step-header--standard .step-header__meta-right{flex-wrap:wrap}.step-header--hero .step-header__title{font-size:var(--font-2xl)}.step-header--hero .step-header__description{font-size:var(--font-base)}}.card{--card-accent: var(--color-accent);--card-bg: var(--color-surface);--card-border: var(--color-gray-200);--card-border-hover: var(--color-gray-300);--card-radius: var(--radius-lg);--card-padding: var(--space-6);--card-shadow: var(--shadow-sm);position:relative;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.card--elevated{--card-shadow: var(--shadow-lg);border:none}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--interactive:hover:focus-within,.card--interactive:active{border-color:var(--card-accent)}.card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card--interactive:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px;border-color:var(--card-accent)}.card--highlight{border-left:4px solid var(--card-accent);border-radius:0 var(--card-radius) var(--card-radius) 0}.card--compact{--card-padding: var(--space-4)}.card--centered{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.card--content{--card-padding: var(--space-10) var(--space-8);margin-bottom:var(--space-10)}.card--content:hover{box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #0000000a}.card--path{min-height:280px;display:flex;flex-direction:column;gap:var(--space-3)}.card--tool{max-width:500px;margin:0 auto;--card-padding: var(--space-8);--card-radius: var(--radius-xl)}.card--resource{display:flex;align-items:center;gap:var(--space-4);text-decoration:none;color:inherit}.card--resource .card__content{flex:1;min-width:0}.card--resource .card__arrow{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-fast),color var(--duration-fast)}.card--resource:hover .card__arrow{color:var(--card-accent);transform:translate(4px)}.card--sm{--card-padding: var(--space-4);--card-radius: var(--radius-md)}.card--lg{--card-padding: var(--space-8);--card-radius: var(--radius-xl)}.card--selected{border-color:var(--card-accent);background:var(--color-accent-light);box-shadow:0 0 0 2px var(--card-accent)}.card--completed{position:relative}.card--completed:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-success);border-radius:var(--card-radius) var(--card-radius) 0 0}.card__icon{width:48px;height:48px;background:var(--color-accent-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--card-accent);flex-shrink:0;transition:transform var(--duration-normal) var(--ease-bounce)}.card--interactive:hover .card__icon{transform:scale(1.05)}.card__icon i,.card__icon svg{width:24px;height:24px}.card__icon--sm{width:40px;height:40px}.card__icon--sm i,.card__icon--sm svg{width:20px;height:20px}.card__icon--lg{width:64px;height:64px;margin-bottom:var(--space-4)}.card__icon--lg i,.card__icon--lg svg{width:32px;height:32px}.card__icon--featured{width:64px;height:64px;background:var(--color-accent-light);border-radius:var(--radius-full)}.card__icon--featured i,.card__icon--featured svg{width:32px;height:32px}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card__body{flex:1}.card__footer{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.card__title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-heading);line-height:1.3;letter-spacing:-.01em}.card--content .card__title{font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--space-4)}.card__subtitle{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;margin-bottom:var(--space-2)}.card__category{font-size:var(--text-xs);color:var(--card-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);display:block}.card__description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0}.card--content .card__description,.card__text{font-size:var(--font-lg);color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-6)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.cards-grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cards-grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cards-grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(min-width:1024px){.cards-grid--2{grid-template-columns:repeat(2,1fr)}.cards-grid--3{grid-template-columns:repeat(3,1fr)}.cards-grid--4{grid-template-columns:repeat(4,1fr)}}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-2xl{width:40px;height:40px}.icon-3xl{width:48px;height:48px}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary)}.badge--success{background:var(--color-success-light, #d1fae5);color:var(--color-success-dark, #065f46)}.badge--success i{color:var(--color-success, #10b981)}.badge--warning{background:var(--color-warning-light, #fef3c7);color:var(--color-warning-dark, #92400e)}.badge--accent{background:var(--color-accent-light);color:var(--color-accent-dark)}.badge--primary{background:var(--color-primary);color:var(--color-text-inverse)}@media(max-width:640px){.card{--card-padding: var(--space-4)}.card--content{--card-padding: var(--space-6) var(--space-4)}.card--tool{--card-padding: var(--space-6)}.card__icon--lg,.card__icon--featured{width:56px;height:56px}.card__icon--lg i,.card__icon--lg svg,.card__icon--featured i,.card__icon--featured svg{width:28px;height:28px}.cards-grid{grid-template-columns:1fr;gap:var(--space-4)}}.form-field{margin-bottom:var(--space-6)}.form-field--inline{display:flex;align-items:center;gap:var(--space-4)}.form-field--inline .form-field__label{margin-bottom:0;min-width:120px}.form-field__label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.form-field__required{color:var(--color-error, #ef4444);margin-left:var(--space-1)}.form-field__input{position:relative}.form-field__hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);margin-bottom:0}.form-field__error{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-error, #ef4444);margin-top:var(--space-2);margin-bottom:0}.form-field--error .form-input,.form-field--error .form-textarea,.form-field--error .form-select{border-color:var(--color-error, #ef4444)}.form-group{border:none;padding:0;margin:0 0 var(--space-8) 0}.form-group--card{background:var(--color-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.form-group--assessment{margin-bottom:var(--space-10)}.form-group__header{margin-bottom:var(--space-6)}.form-group__title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-heading)}.form-group__title--assessment{font-size:var(--font-2xl);border-left:4px solid var(--color-accent);padding-left:var(--space-4)}.form-group__description,.form-group__intro{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0}.form-group__questions{display:flex;flex-direction:column;gap:var(--space-6)}.form-question{background:var(--color-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.form-question__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.form-question__number{flex-shrink:0;width:28px;height:28px;background:var(--color-accent-light);color:var(--color-accent-dark);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.form-question__text{font-size:var(--font-base);font-weight:500;color:var(--text-primary);line-height:1.5;margin:0}.form-question__content{margin-top:var(--space-4)}.form-feedback{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-top:var(--space-4)}.form-feedback--info{background:#eff6ff;border:1px solid #bfdbfe}.form-feedback--success{background:#dcfce7;border:1px solid #86efac}.form-feedback--warning{background:#fef3c7;border:1px solid #fcd34d}.form-feedback--error{background:#fee2e2;border:1px solid #fca5a5}.form-feedback__icon{flex-shrink:0}.form-feedback--info .form-feedback__icon{color:#3b82f6}.form-feedback--success .form-feedback__icon{color:#22c55e}.form-feedback--warning .form-feedback__icon{color:#f59e0b}.form-feedback--error .form-feedback__icon{color:#ef4444}.form-feedback__title{font-weight:600;margin:0 0 var(--space-1) 0}.form-feedback__message{margin:0;line-height:1.5}.content-block{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);border:1px solid var(--color-gray-200)}.content-block--accent{border-top:4px solid var(--color-accent);border-top-left-radius:0;border-top-right-radius:0}.content-block--primary{border-top:4px solid var(--color-primary);border-top-left-radius:0;border-top-right-radius:0}.content-block--elevated{box-shadow:var(--shadow-lg);border:none}.content-block--compact{padding:var(--space-6)}.content-block--secondary{background:var(--color-surface-hover, #eeebe9);border-color:transparent}.content-block--tertiary{background:transparent;border:1px dashed var(--border-default, #eeebe9)}.content-block--featured{background:linear-gradient(135deg,var(--color-accent-light, #fef3e0) 0%,white 100%);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent)}.content-block--info{border-top:4px solid var(--color-info, #3b82f6);background:var(--color-info-light, color-mix(in srgb, var(--color-info) 5%, white));border-top-left-radius:0;border-top-right-radius:0}.content-block--success{border-top:4px solid var(--color-success, #22c55e);background:var(--color-success-light, color-mix(in srgb, var(--color-success) 5%, white));border-top-left-radius:0;border-top-right-radius:0}.content-block--warning{border-top:4px solid var(--color-warning, #f59e0b);background:var(--color-warning-light, color-mix(in srgb, var(--color-warning) 5%, white));border-top-left-radius:0;border-top-right-radius:0}.content-block__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.content-block__icon{width:48px;height:48px;background:var(--color-accent-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.content-block__icon i,.content-block__icon svg{width:24px;height:24px}.content-block__title{font-size:var(--font-xl);font-weight:700;color:var(--color-primary);margin:0;font-family:var(--font-heading)}.content-block__subtitle{font-size:var(--font-sm);color:var(--color-gray-600);margin:var(--space-1) 0 0 0}.content-block__body{font-size:var(--font-base);color:var(--color-gray-700);line-height:1.7}.content-block__body p{margin:0 0 var(--space-4) 0}.content-block__body p:last-child{margin-bottom:0}.content-block__footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}@media(max-width:640px){.content-block{padding:var(--space-6);margin-bottom:var(--space-6)}.content-block__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.content-block__icon{width:40px;height:40px}.content-block__icon i,.content-block__icon svg{width:20px;height:20px}}.phd-competence-model{background:var(--color-surface, #fff);border-radius:var(--radius-xl, 18px);border:1px solid var(--color-border, #e0e6ed);box-shadow:0 2px 8px #0075c912;padding:24px;max-width:100%}.phd-model-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border, #e0e6ed)}.phd-model-header h2{font-size:1.75rem;color:var(--color-primary, #0075c9);margin:0 0 8px;font-weight:700}.phd-model-subtitle{color:var(--color-text-secondary, #666);font-size:1rem;margin:0 0 12px}.save-status{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;padding:4px 12px;border-radius:20px;background:var(--color-surface-alt, #f5f6f8)}.save-status svg{width:14px;height:14px}.save-status.saving{color:var(--color-warning, #ff9800)}.save-status.saved{color:var(--color-success, #28a745)}.save-status.error{color:var(--color-error, #dc3545)}.animate-spin{animation:spin 1s linear infinite}.year-selector{background:var(--color-primary-light, #e6f2fa);border-radius:12px;padding:16px 20px;margin-bottom:20px;text-align:center}.year-selector label{display:block;font-weight:600;color:var(--color-primary, #0075c9);margin-bottom:12px}.year-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.year-btn{padding:10px 18px;border:2px solid var(--color-primary, #0075c9);background:#fff;color:var(--color-primary, #0075c9);border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease}.year-btn:hover,.year-btn.active{background:var(--color-primary, #0075c9);color:#fff}.phd-tabs{display:flex;gap:4px;border-bottom:2px solid var(--color-primary-light, #e6f2fa);margin-bottom:20px;overflow-x:auto;padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:6px;padding:12px 18px;background:transparent;color:var(--color-primary, #0075c9);border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;white-space:nowrap}.tab-btn svg{width:18px;height:18px}.tab-btn:hover{background:var(--color-primary-light, #e6f2fa)}.tab-btn.active{border-bottom-color:var(--color-primary, #0075c9);background:var(--color-primary-light, #e6f2fa)}.tab-content-container{min-height:400px}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}.competency-group{margin-bottom:28px}.group-title{color:var(--color-primary, #0075c9);margin:0 0 16px;padding:12px 18px;background:var(--color-primary-light, #e6f2fa);border-radius:10px;font-size:1.1rem;font-weight:700}.competency-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--color-border, #e5e7eb)}.competency-table thead th{background:linear-gradient(135deg,var(--color-primary, #0075c9),#0052a3);color:#fff;text-align:left;padding:12px 14px;font-weight:600;font-size:.95rem}.competency-table thead th:last-child{text-align:center;min-width:100px}.competency-table tbody td{padding:14px;border-bottom:1px solid #f0f0f0;vertical-align:top}.competency-table tbody tr:last-child td{border-bottom:none}.competency-table tbody tr:hover{background:#f8f9fa}.competency-name{font-weight:600;color:var(--color-text-primary, #333);min-width:140px;background:#fafbfc}.competency-description,.competency-sub-item{color:var(--color-text-secondary, #555);line-height:1.5}.competency-sub-item{font-size:.95rem}.score-cell{text-align:center;vertical-align:middle}.input-score{width:70px;padding:8px 10px;border:2px solid var(--color-border, #e0e6ed);border-radius:8px;text-align:center;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff}.input-score:hover{border-color:var(--color-primary, #0075c9)}.input-score:focus{outline:none;border-color:var(--color-primary, #0075c9);box-shadow:0 0 0 3px #0075c91f}.chart-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:24px;padding:16px;background:var(--color-surface-alt, #f5f6f8);border-radius:12px}.chart-mode-selector,.year-toggles{text-align:center}.chart-mode-selector label,.year-toggles label{display:block;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:10px;font-size:.9rem}.mode-buttons,.year-toggle-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mode-btn{padding:8px 16px;border:2px solid var(--color-primary, #0075c9);background:#fff;color:var(--color-primary, #0075c9);border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.mode-btn:hover{background:var(--color-primary-light, #e6f2fa)}.mode-btn.active{background:var(--color-primary, #0075c9);color:#fff}.year-toggle{padding:6px 14px;border:2px solid var(--color-border, #ddd);background:#fff;color:var(--color-text-secondary, #666);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.year-toggle:hover{border-color:var(--color-primary, #0075c9);color:var(--color-primary, #0075c9)}.year-toggle.active{border-color:var(--color-primary, #0075c9);background:var(--color-primary, #0075c9);color:#fff}.chart-wrapper{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--color-border, #e5e7eb);height:450px;position:relative}.progress-wrapper{height:400px}.progress-chart-container h3{color:var(--color-primary, #0075c9);margin:0 0 8px;text-align:center}.chart-description{text-align:center;color:var(--color-text-secondary, #666);margin:0 0 20px;font-size:.95rem}.results-table-container{overflow-x:auto}.results-table-container h3{color:var(--color-primary, #0075c9);margin:0 0 16px}.results-table{width:100%;border-collapse:collapse;font-size:.9rem}.results-table th{background:var(--color-primary-light, #e6f2fa);color:var(--color-primary, #0075c9);padding:10px 12px;text-align:left;font-weight:600;white-space:nowrap;position:sticky;top:0}.results-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0}.results-table tr:hover{background:#f8f9fa}.results-table .category-cell{font-weight:700;background:#fafbfc;color:var(--color-primary, #0075c9);vertical-align:top}.results-table .average-row{background:var(--color-primary-light, #e6f2fa)}.results-table .average-row td{border-bottom:2px solid var(--color-primary, #0075c9)}.score-value{text-align:center;font-weight:500}.phd-action-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border, #e0e6ed)}.action-group{display:flex;gap:10px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.action-btn svg{width:16px;height:16px}.action-btn.secondary{background:linear-gradient(135deg,var(--color-primary, #0075c9),#0052a3);color:#fff}.action-btn.secondary:hover{background:linear-gradient(135deg,#0052a3,var(--color-primary, #0075c9));transform:translateY(-1px);box-shadow:0 4px 12px #0075c940}.action-btn.warning{background:var(--color-warning-light, #fff3e0);color:var(--color-warning, #ff9800);border:1px solid var(--color-warning, #ff9800)}.action-btn.warning:hover{background:var(--color-warning, #ff9800);color:#fff}.action-btn.danger{background:var(--color-error-light, #ffeef0);color:var(--color-error, #dc3545);border:1px solid var(--color-error, #dc3545)}.action-btn.danger:hover{background:var(--color-error, #dc3545);color:#fff}@media(max-width:768px){.phd-competence-model{padding:16px;border-radius:12px}.phd-model-header h2{font-size:1.4rem}.year-selector{padding:12px 16px}.year-btn{padding:8px 14px;font-size:.9rem}.phd-tabs{gap:2px}.tab-btn{padding:10px 12px;font-size:.85rem}.tab-btn span{display:none}.competency-table thead th{padding:10px;font-size:.85rem}.competency-table tbody td{padding:10px}.competency-name{min-width:100px}.input-score{width:60px;padding:6px}.chart-controls{flex-direction:column;gap:16px}.chart-wrapper{height:350px;padding:12px}.progress-wrapper{height:300px}.phd-action-bar{flex-direction:column}.action-group{justify-content:center}.action-btn{flex:1;justify-content:center;min-width:120px}}@media(max-width:480px){.phd-model-header h2{font-size:1.2rem}.year-buttons{gap:6px}.year-btn{padding:6px 10px;font-size:.85rem}.competency-table{font-size:.85rem}.competency-name{min-width:80px;font-size:.85rem}.chart-wrapper{height:300px}.results-table{font-size:.8rem}}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md, 8px);display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;border:1px solid transparent}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-message{font-size:.875rem;line-height:1.5}.alert-dismiss{flex-shrink:0;padding:.25rem;border-radius:var(--radius-sm, 4px);background:transparent;border:none;cursor:pointer;opacity:.7;transition:opacity .2s}.alert-dismiss:hover{opacity:1}.alert-error{background-color:rgba(var(--color-error-rgb, 239, 68, 68),.1);border-color:rgba(var(--color-error-rgb, 239, 68, 68),.3);color:var(--color-error-dark, #991b1b)}.alert-error .alert-icon{color:var(--color-error, #ef4444)}.alert-warning{background-color:rgba(var(--color-gold-rgb, 232, 180, 76),.1);border-color:rgba(var(--color-gold-rgb, 232, 180, 76),.3);color:var(--color-warning-dark, #92400e)}.alert-warning .alert-icon{color:var(--color-warning, #f59e0b)}.alert-success{background-color:rgba(var(--color-success-rgb, 79, 213, 178),.1);border-color:rgba(var(--color-success-rgb, 79, 213, 178),.3);color:var(--color-success-dark, #065f46)}.alert-success .alert-icon{color:var(--color-success, #4fd5b2)}.alert-info{background-color:rgba(var(--color-primary-rgb, 0, 75, 71),.1);border-color:rgba(var(--color-primary-rgb, 0, 75, 71),.3);color:var(--color-primary-dark, #002d2b)}.alert-info .alert-icon{color:var(--color-primary, #004b68)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background-color:rgba(var(--color-error-rgb, 239, 68, 68),.05);border-radius:var(--radius-lg, 12px);border:1px dashed rgba(var(--color-error-rgb, 239, 68, 68),.3)}.error-state-icon{width:3rem;height:3rem;color:var(--color-error, #ef4444);margin-bottom:1rem}.error-state-title{font-size:1.125rem;font-weight:600;color:var(--color-text, #3b3a3a);margin-bottom:.5rem}.error-state-message{font-size:.875rem;color:var(--color-text-secondary, #6b6a6a);margin-bottom:1.5rem;max-width:24rem}.error-state-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.error-banner{position:relative;padding:1rem 3rem 1rem 1.25rem;background-color:var(--color-error, #ef4444);color:#fff;border-radius:var(--radius-md, 8px);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.error-banner-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.error-banner-message{flex:1;font-size:.875rem;font-weight:500}.error-banner-dismiss{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);padding:.25rem;background:#fff3;border:none;border-radius:var(--radius-sm, 4px);color:#fff;cursor:pointer;transition:background .2s}.error-banner-dismiss:hover{background:#ffffff4d}.failed-load{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:200px}.failed-load-icon{width:2.5rem;height:2.5rem;color:var(--color-text-muted, #9ca3af);margin-bottom:1rem}.failed-load-title{font-size:1rem;font-weight:600;color:var(--color-text, #3b3a3a);margin-bottom:.5rem}.failed-load-message{font-size:.875rem;color:var(--color-text-secondary, #6b6a6a);margin-bottom:1rem}.failed-load-retry{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-primary, #004b68);background:transparent;border:1px solid var(--color-primary, #004b68);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s}.failed-load-retry:hover{background:var(--color-primary, #004b68);color:#fff}.inline-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;color:var(--color-error, #ef4444);background-color:rgba(var(--color-error-rgb, 239, 68, 68),.1);border-radius:var(--radius-sm, 4px);margin-top:.5rem}.inline-error-icon{flex-shrink:0;width:1rem;height:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state-icon{width:3rem;height:3rem;color:var(--color-text-muted, #9ca3af);margin-bottom:1rem}.empty-state-title{font-size:1rem;font-weight:600;color:var(--color-text, #3b3a3a);margin-bottom:.5rem}.empty-state-message{font-size:.875rem;color:var(--color-text-secondary, #6b6a6a);margin-bottom:1.5rem;max-width:20rem}.alert-dismiss:focus-visible,.error-banner-dismiss:focus-visible,.failed-load-retry:focus-visible{outline:2px solid var(--color-accent, #eea24c);outline-offset:2px}@media(prefers-reduced-motion:reduce){.alert,.error-banner,.error-state,.failed-load,.empty-state{transition:none}}.career-metro-map{max-width:1200px;margin:0 auto;padding:var(--space-6) 0}.career-metro-header{text-align:center;margin-bottom:var(--space-10)}.metro-map-icon{width:72px;height:72px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:#fff;box-shadow:0 4px 16px rgba(var(--color-teal-rgb),.2),inset 0 2px #ffffff1a}.metro-map-icon svg,.metro-map-icon i{width:32px;height:32px}.metro-map-title{font-size:var(--font-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2);font-family:var(--font-heading)}.metro-map-subtitle{font-size:var(--font-lg);color:var(--color-gray-600);max-width:500px;margin:0 auto;line-height:1.6}.metro-line-container{position:relative;padding:var(--space-8) 0}.metro-central-line{display:none}@media(min-width:1024px){.metro-central-line{display:block;position:absolute;top:50%;left:5%;right:5%;height:6px;background:linear-gradient(90deg,var(--color-sector-academia) 0%,var(--color-sector-industry) 20%,var(--color-sector-government) 40%,var(--color-sector-nonprofit) 60%,var(--color-sector-education) 80%,var(--color-sector-consultancy) 100%);border-radius:var(--radius-full);z-index:0;opacity:.3}}.metro-stations-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);position:relative;z-index:1}@media(min-width:640px){.metro-stations-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(min-width:1024px){.metro-stations-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.metro-station-card{--station-color: var(--color-accent);background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);padding-top:var(--space-8);position:relative;transition:all var(--duration-normal) var(--ease-out)}.metro-station-card[data-sector=academia]{--station-color: var(--color-sector-academia)}.metro-station-card[data-sector=industry]{--station-color: var(--color-sector-industry)}.metro-station-card[data-sector=government]{--station-color: var(--color-sector-government)}.metro-station-card[data-sector=nonprofit]{--station-color: var(--color-sector-nonprofit)}.metro-station-card[data-sector=education]{--station-color: var(--color-sector-education)}.metro-station-card[data-sector=consultancy]{--station-color: var(--color-sector-consultancy)}.metro-station-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--station-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.metro-station-card:hover{border-color:var(--station-color);box-shadow:0 8px 24px #00000014,0 0 0 1px var(--station-color);transform:translateY(-2px)}.station-marker{position:absolute;top:-14px;left:var(--space-6);width:28px;height:28px;background:#fff;border:4px solid var(--station-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.station-ring{width:12px;height:12px;background:var(--station-color);border-radius:var(--radius-full)}.station-content{display:flex;flex-direction:column;gap:var(--space-3)}.station-icon{width:56px;height:56px;background:color-mix(in srgb,var(--station-color) 12%,transparent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--station-color);margin-bottom:var(--space-2)}.station-icon i,.station-icon svg{width:28px;height:28px}.station-title{font-size:var(--font-xl);font-weight:700;color:var(--color-primary);margin:0;font-family:var(--font-heading)}.station-tagline{font-size:var(--font-sm);color:var(--color-gray-600);margin:0;line-height:1.5}.station-details{margin-top:var(--space-2)}.station-expand-btn{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--station-color);font-weight:600;cursor:pointer;list-style:none;padding:var(--space-2) 0;transition:color var(--duration-fast)}.station-expand-btn::-webkit-details-marker{display:none}.station-expand-btn:hover{color:color-mix(in srgb,var(--station-color) 80%,black)}.station-expand-btn i,.station-expand-btn svg{width:16px;height:16px;transition:transform var(--duration-fast)}.station-details[open] .station-expand-btn i,.station-details[open] .station-expand-btn svg{transform:rotate(180deg)}.station-detail-content{padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-top:var(--space-2);animation:slideDown var(--duration-fast) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.station-detail-content p{font-size:var(--font-sm);color:var(--color-gray-700);line-height:1.7;margin:0}.station-traits{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.trait-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:color-mix(in srgb,var(--station-color) 10%,transparent);color:color-mix(in srgb,var(--station-color) 85%,black);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;white-space:nowrap}.trait-chip i,.trait-chip svg{width:12px;height:12px;opacity:.8}.station-traits-label{font-size:var(--font-xs);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-4);margin-bottom:var(--space-2)}.metro-insight-callout{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-10);padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-dark, #003348) 0%,var(--color-primary, #004b68) 100%);border-radius:var(--radius-xl);color:#fff;box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.25)}.metro-insight-callout i,.metro-insight-callout svg{flex-shrink:0;width:32px;height:32px;opacity:.9}.metro-insight-callout p{font-size:var(--font-base);margin:0;line-height:1.6}.metro-insight-callout strong{color:var(--color-accent)}@media(max-width:640px){.career-metro-map{padding:var(--space-4) 0}.career-metro-header{margin-bottom:var(--space-6)}.metro-map-icon{width:60px;height:60px}.metro-map-icon svg,.metro-map-icon i{width:28px;height:28px}.metro-map-title{font-size:var(--font-2xl)}.metro-map-subtitle{font-size:var(--font-base);padding:0 var(--space-4)}.metro-station-card{padding:var(--space-5);padding-top:var(--space-7)}.station-icon{width:48px;height:48px}.station-icon i,.station-icon svg{width:24px;height:24px}.metro-insight-callout{flex-direction:column;text-align:center;gap:var(--space-3);padding:var(--space-5)}.metro-insight-callout i,.metro-insight-callout svg{width:28px;height:28px}}.metro-station-card.selected{border-color:var(--station-color);background:color-mix(in srgb,var(--station-color) 5%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--station-color) 20%,transparent),0 8px 24px #0000001a}.metro-station-card.selected .station-marker{background:var(--station-color)}.metro-station-card.selected .station-ring{background:#fff}.metro-station-card:focus-visible{outline:3px solid var(--station-color);outline-offset:3px}.station-expand-btn:focus-visible{outline:2px solid var(--station-color);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.metro-station-card{transition:none}.metro-station-card:hover{transform:none}.station-detail-content{animation:none}.station-expand-btn i,.station-expand-btn svg{transition:none}}.path-select-indicator{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;background:var(--station-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.5);transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1)}.metro-station-card.selected .path-select-indicator{opacity:1;transform:scale(1)}.tool-launch-section{margin-top:var(--space-8)}.tool-launch-card{background:linear-gradient(135deg,var(--color-primary-dark, #003348) 0%,var(--color-primary, #004b68) 100%);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.25);display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:640px){.tool-launch-card{flex-direction:row;align-items:center;justify-content:space-between}}.tool-launch-content{display:flex;align-items:flex-start;gap:var(--space-4)}.tool-launch-icon{width:56px;height:56px;background:#ffffff26;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-launch-icon i,.tool-launch-icon svg{width:28px;height:28px;opacity:.9}.tool-launch-info h3{font-size:var(--font-lg);font-weight:700;margin:0 0 var(--space-2);font-family:var(--font-heading)}.tool-launch-info p{font-size:var(--font-sm);margin:0;opacity:.9;line-height:1.5}.career-tool-launch-btn{background:#fff;color:var(--color-primary);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-base);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;box-shadow:0 2px 8px #0000001a}.career-tool-launch-btn:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.career-tool-launch-btn:focus-visible{outline:3px solid white;outline-offset:3px}.tool-confirmation{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px solid var(--color-gray-200)}.confirmation-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--font-base);color:var(--color-gray-700);transition:color var(--duration-fast)}.confirmation-label:hover{color:var(--color-primary)}.tool-confirmation-checkbox{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:24px;height:24px;border:2px solid var(--color-gray-400);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast);background:#fff}.checkbox-custom:after{content:"";width:12px;height:12px;background:var(--color-accent);border-radius:var(--radius-sm);transform:scale(0);transition:transform var(--duration-fast) cubic-bezier(.34,1.56,.64,1)}.tool-confirmation-checkbox:checked+.checkbox-custom{border-color:var(--color-accent)}.tool-confirmation-checkbox:checked+.checkbox-custom:after{transform:scale(1)}.tool-confirmation-checkbox:focus-visible+.checkbox-custom{outline:3px solid var(--color-accent);outline-offset:2px}.confirmation-text{flex:1;line-height:1.5}.career-assessment-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:2px solid var(--color-gray-200)}.career-assessment-section .assessment-title{font-size:var(--font-xl);font-weight:700;color:var(--color-primary);margin:0 0 var(--space-2);font-family:var(--font-heading)}.career-assessment-section .assessment-intro{color:var(--color-gray-600);margin:0 0 var(--space-6);line-height:1.6}.assessment-questions{display:flex;flex-direction:column;gap:var(--space-6)}.assessment-question{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--duration-normal)}.assessment-question:hover{border-color:var(--color-gray-300)}.question-text{font-size:var(--font-base);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-4);line-height:1.5}.question-number{color:var(--color-accent);margin-right:var(--space-2)}.ranking-instruction{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-gray-500);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.ranking-instruction i,.ranking-instruction svg{flex-shrink:0}.ranking-items{display:flex;flex-direction:column;gap:var(--space-3)}.ranking-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);min-height:52px}.ranking-item:hover{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0)}.ranking-item.ranked{border-color:var(--color-accent);background:linear-gradient(135deg,#fef3e0 0%,var(--color-accent-light) 100%)}.ranking-item:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.rank-badge{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-200);color:var(--color-gray-500);font-weight:700;font-size:var(--font-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast)}.ranking-item.ranked .rank-badge{background:var(--color-accent);color:#fff}.item-label{flex:1;font-size:var(--font-base);color:var(--color-gray-700)}.choice-options{display:flex;flex-direction:column;gap:var(--space-3)}.choice-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);min-height:52px}.choice-option:hover{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0)}.choice-option.selected{border-color:var(--color-accent);background:linear-gradient(135deg,#fef3e0 0%,var(--color-accent-light) 100%)}.single-choice-input{position:absolute;opacity:0;width:0;height:0}.choice-indicator{width:22px;height:22px;border:2px solid var(--color-gray-400);border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);position:relative}.choice-indicator:after{content:"";width:10px;height:10px;background:var(--color-accent);border-radius:var(--radius-full);transform:scale(0);transition:transform var(--duration-fast) cubic-bezier(.34,1.56,.64,1)}.choice-option.selected .choice-indicator{border-color:var(--color-accent)}.choice-option.selected .choice-indicator:after{transform:scale(1)}.choice-label{flex:1;font-size:var(--font-base);color:var(--color-gray-700);line-height:1.5}.text-input-wrapper{display:flex;flex-direction:column;gap:var(--space-3)}.text-input-field{width:100%;padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-base);font-family:inherit;line-height:1.6;resize:vertical;min-height:120px;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.text-input-field::placeholder{color:var(--color-gray-400)}.text-input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 232, 180, 76),.15)}.input-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.char-count{font-size:var(--font-sm);color:var(--color-gray-500)}.save-text-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.save-text-btn:hover{background:var(--color-primary-dark, #003d3a);transform:translateY(-1px)}.save-text-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media(max-width:640px){.tool-launch-card{padding:var(--space-5)}.tool-launch-icon{width:48px;height:48px}.tool-launch-icon i,.tool-launch-icon svg{width:24px;height:24px}.career-tool-launch-btn{width:100%;justify-content:center;padding:var(--space-4)}.assessment-question{padding:var(--space-4)}.ranking-item,.choice-option{padding:var(--space-3);min-height:48px}.text-input-field{min-height:100px;padding:var(--space-3)}.input-meta{flex-direction:column;align-items:stretch;gap:var(--space-2)}.save-text-btn{justify-content:center}}.exploration-checklist{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-accent-light, #fef3e0);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-left:4px solid var(--color-accent, #eea24c);border-radius:var(--radius-xl);box-shadow:0 4px 12px #eea24c1a}.checklist-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.checklist-header i,.checklist-header svg{color:var(--color-accent, #eea24c)}.checklist-header h4{font-size:var(--font-lg);font-weight:700;color:var(--color-text, #3b3a3a);margin:0;font-family:var(--font-heading)}.checklist-intro{font-size:var(--font-sm);color:var(--color-gray-600);margin:0 0 var(--space-5);line-height:1.6}.checklist-items{display:flex;flex-direction:column;gap:var(--space-3)}.checklist-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);min-height:44px}.checklist-item:hover{border-color:var(--color-accent);background:var(--color-accent-light, #fef3e0)}.checklist-item.checked{border-color:var(--color-success, #4fd5b2);background:linear-gradient(135deg,#f0fdf9,#d1fae5)}.checklist-checkbox{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;top:0;left:0;z-index:1}.checklist-checkbox-custom{width:14px;height:14px;border:1.5px solid var(--color-gray-400);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast);background:#fff;color:transparent;margin-top:2px;font-size:8px}.checklist-item.checked .checklist-checkbox-custom{background:var(--color-success, #4fd5b2);border-color:var(--color-success, #4fd5b2);color:#fff}.checklist-label{flex:1;font-size:var(--font-sm);color:var(--color-gray-700);line-height:1.5}.checklist-item.checked .checklist-label{color:var(--color-gray-600)}.checklist-progress{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200);display:flex;align-items:center;gap:var(--space-4)}.checklist-progress-bar{flex:1;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.checklist-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success, #4fd5b2) 0%,#34d399 100%);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.checklist-progress-text{font-size:var(--font-sm);font-weight:600;color:var(--color-gray-600);white-space:nowrap}.tool-launch-section--prominent{margin-top:var(--space-8);margin-bottom:var(--space-6)}.tool-launch-card--featured{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);color:var(--color-text, #3b3a3a);border:1px solid var(--color-gray-200, #eeebe9);border-top:4px solid var(--color-accent, #eea24c);box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);position:relative;overflow:hidden}.tool-launch-card--featured:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--color-accent-light, #fef3e0) 0%,transparent 70%);opacity:.5;pointer-events:none}.tool-launch-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);position:relative;z-index:1}.tool-launch-card--featured .tool-launch-icon{width:72px;height:72px;background:var(--color-accent-light, #fef3e0);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);display:flex;align-items:center;justify-content:center}.tool-launch-card--featured .tool-launch-icon i,.tool-launch-card--featured .tool-launch-icon svg{width:36px;height:36px;color:var(--color-accent, #eea24c)}.tool-launch-title{font-size:var(--font-2xl);font-weight:700;margin:0 0 var(--space-2);font-family:var(--font-heading)}.tool-launch-description{font-size:var(--font-base);margin:0;color:var(--color-gray-600, #6b6b6b);line-height:1.7;max-width:600px}.career-tool-launch-btn.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-lg);border-radius:var(--radius-xl);align-self:center;position:relative;z-index:1;box-shadow:0 4px 12px #0000001a}.career-tool-launch-btn.btn--large:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.tool-launch-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-gray-500, #9ca3af);margin:0;position:relative;z-index:1}.tool-launch-hint i,.tool-launch-hint svg{width:16px;height:16px}.tool-launch-more-info{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-sm);font-weight:500;color:var(--color-primary);text-decoration:none;background:rgba(var(--color-primary-rgb, 59, 130, 246),.1);border-radius:var(--radius-md);transition:all .2s ease}.tool-launch-more-info:hover{background:rgba(var(--color-primary-rgb, 59, 130, 246),.2);color:var(--color-primary-dark, var(--color-primary));transform:translate(4px)}.tool-launch-more-info i,.tool-launch-more-info svg{width:16px;height:16px;flex-shrink:0}.tool-launch-more-info i:last-child{transition:transform .2s ease}.tool-launch-more-info:hover i:last-child{transform:translate(4px)}@media(max-width:640px){.exploration-checklist{padding:var(--space-4)}.checklist-item{padding:var(--space-3)}.tool-launch-card--featured{padding:var(--space-6);border-radius:var(--radius-xl)}.tool-launch-card--featured .tool-launch-icon{width:56px;height:56px}.tool-launch-card--featured .tool-launch-icon i,.tool-launch-card--featured .tool-launch-icon svg{width:28px;height:28px}.tool-launch-title{font-size:var(--font-xl)}.tool-launch-description{font-size:var(--font-sm)}.career-tool-launch-btn.btn--large{width:100%;justify-content:center;padding:var(--space-4);font-size:var(--font-base)}.tool-launch-header{flex-direction:column;gap:var(--space-4)}}.career-sectors-step .career-sectors-content{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.career-sectors-step .sectors-intro{color:var(--color-gray-600, #4b5563);margin-bottom:var(--space-6);font-size:var(--font-lg, 1.125rem);line-height:1.6}.career-sectors-step .sectors-instruction{color:var(--color-gray-700, #374151);font-weight:600;margin-bottom:var(--space-4);font-size:var(--font-base, 1rem)}.career-sectors-step .step-card-intro{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.career-sectors-step .career-sectors-intro{font-size:var(--font-lg, 1.125rem);color:var(--color-gray-700, #374151);line-height:1.7;margin:0}.career-exploration-step .career-exploration-content{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.career-exploration-step .tool-launch-section--prominent{margin-bottom:var(--space-8)}.career-exploration-step .exploration-checklist{margin-bottom:var(--space-6)}.career-exploration-step .tool-confirmation{margin-top:var(--space-6);margin-bottom:var(--space-8)}.career-exploration-step .career-assessment-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200, #e5e7eb)}@media(max-width:640px){.career-exploration-step .tool-launch-section--prominent{margin-bottom:var(--space-6)}.career-exploration-step .career-assessment-section{margin-top:var(--space-6);padding-top:var(--space-4)}}.callout{--callout-accent: var(--color-info);--callout-bg: var(--color-info-light, color-mix(in srgb, var(--color-info) 8%, white));--callout-text: var(--color-gray-800);--callout-icon-bg: color-mix(in srgb, var(--callout-accent) 15%, white);display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border-left:4px solid var(--callout-accent);background:var(--callout-bg);margin-bottom:var(--space-6)}.callout__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--callout-icon-bg);color:var(--callout-accent)}.callout__icon i,.callout__icon svg{width:20px;height:20px}.callout__content{flex:1;min-width:0}.callout__label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--callout-accent);margin-bottom:var(--space-1)}.callout__text{font-size:var(--font-base);line-height:1.6;color:var(--callout-text);margin:0}.callout__list{list-style:none;padding:0;margin:var(--space-2) 0 0 0}.callout__list li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--font-base);line-height:1.5;color:var(--callout-text)}.callout__list li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:var(--radius-full);background:var(--callout-accent)}.callout__list li:last-child{margin-bottom:0}.callout--tip{--callout-accent: var(--color-warning, #f59e0b);--callout-bg: var(--color-warning-light, color-mix(in srgb, var(--color-warning, #f59e0b) 8%, white))}.callout--info{--callout-accent: var(--color-info, #3b82f6);--callout-bg: var(--color-info-light, color-mix(in srgb, var(--color-info, #3b82f6) 8%, white))}.callout--success{--callout-accent: var(--color-success, #22c55e);--callout-bg: var(--color-success-light, color-mix(in srgb, var(--color-success, #22c55e) 8%, white))}.callout--warning{--callout-accent: var(--color-error, #ef4444);--callout-bg: var(--color-error-light, color-mix(in srgb, var(--color-error, #ef4444) 8%, white))}.callout--insight{--callout-accent: var(--color-accent);--callout-bg: var(--color-accent-light, color-mix(in srgb, var(--color-accent) 8%, white))}.callout--action{--callout-accent: var(--color-primary);--callout-bg: var(--color-primary-light, color-mix(in srgb, var(--color-primary) 8%, white))}.callout--explore{--callout-accent: var(--color-primary, #004b68);--callout-bg: color-mix(in srgb, var(--color-primary, #004b68) 8%, white)}.callout--compact{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.callout--compact .callout__icon{width:32px;height:32px}.callout--compact .callout__icon i,.callout--compact .callout__icon svg{width:16px;height:16px}.callout--compact .callout__text{font-size:var(--font-sm)}.callout--no-icon{padding-left:var(--space-5)}.callout--no-icon .callout__icon{display:none}.callout--elevated{box-shadow:var(--shadow-md);border-left-width:0;border:1px solid color-mix(in srgb,var(--callout-accent) 20%,transparent);border-left:4px solid var(--callout-accent)}@media(max-width:640px){.callout{padding:var(--space-4);gap:var(--space-3)}.callout__icon{width:36px;height:36px}.callout__icon i,.callout__icon svg{width:18px;height:18px}.callout__text{font-size:var(--font-sm)}}@media(prefers-reduced-motion:reduce){.callout{transition:none}}@media(prefers-contrast:high){.callout{border-width:2px;border-left-width:6px}}:root{--color-step-learn: var(--color-info, #3b82f6);--color-step-action: var(--color-accent, #eea24c);--color-step-assess: var(--color-primary, #004b68);--color-step-explore: var(--color-secondary, #4fd5b2);--color-step-summary: var(--color-success, #22c55e)}.step-type-learn .step-hero{border-top:4px solid var(--color-step-learn);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-step-learn) 3%,white),#fff)}.step-type-learn .step-category-indicator{color:var(--color-step-learn)}.step-type-learn .module-context-badge{background:color-mix(in srgb,var(--color-step-learn) 10%,white);color:var(--color-step-learn);border-color:color-mix(in srgb,var(--color-step-learn) 20%,transparent)}.step-type-action .step-hero{border-left:5px solid var(--color-step-action);background:linear-gradient(135deg,color-mix(in srgb,var(--color-step-action) 5%,white),#fff 50%)}.step-type-action .step-category-indicator{color:var(--color-step-action)}.step-type-action .module-context-badge{background:color-mix(in srgb,var(--color-step-action) 12%,white);color:var(--color-accent-darker, #b87d1e);border-color:color-mix(in srgb,var(--color-step-action) 25%,transparent)}.step-type-action .btn-accent,.step-type-action .btn--primary{box-shadow:var(--shadow-accent-lg)}.step-type-assess .step-hero{box-shadow:inset 0 3px 8px #004b470f;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-step-assess) 2%,white),#fff);border-top:3px solid var(--color-step-assess)}.step-type-assess .step-category-indicator{color:var(--color-step-assess)}.step-type-assess .module-context-badge{background:color-mix(in srgb,var(--color-step-assess) 10%,white);color:var(--color-step-assess);border-color:color-mix(in srgb,var(--color-step-assess) 20%,transparent)}.step-type-assess .assessment-section{border-color:var(--color-step-assess)}.step-type-explore .step-hero{border:2px dashed color-mix(in srgb,var(--color-step-explore) 60%,transparent);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-step-explore) 4%,white),#fff)}.step-type-explore .step-category-indicator{color:var(--color-step-explore)}.step-type-explore .module-context-badge{background:color-mix(in srgb,var(--color-step-explore) 12%,white);color:var(--color-secondary-dark, #3ab89a);border-color:color-mix(in srgb,var(--color-step-explore) 25%,transparent)}.step-type-summary .step-hero{border:3px double var(--color-step-summary);border-radius:var(--radius-xl);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-step-summary) 3%,white),#fff)}.step-type-summary .step-category-indicator{color:var(--color-step-summary)}.step-type-summary .module-context-badge{background:color-mix(in srgb,var(--color-step-summary) 10%,white);color:#16a34a;border-color:color-mix(in srgb,var(--color-step-summary) 20%,transparent)}.step-type-summary .step-hero-title{background:linear-gradient(135deg,var(--color-step-summary) 0%,#16a34a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.module-1 .step-hero{background:linear-gradient(to bottom,color-mix(in srgb,var(--color-module-1, #5b9bd5) 5%,white),#fff)}.module-2 .step-hero{background:linear-gradient(to bottom,color-mix(in srgb,var(--color-module-2, #4aaa6a) 5%,white),#fff)}.module-3 .step-hero{background:linear-gradient(to bottom,color-mix(in srgb,var(--color-module-3, #4a9f96) 5%,white),#fff)}.module-1 .module-context-badge{background:color-mix(in srgb,var(--color-module-1, #5b9bd5) 10%,white);color:var(--color-module-1, #5b9bd5);border-color:color-mix(in srgb,var(--color-module-1, #5b9bd5) 20%,transparent)}.module-2 .module-context-badge{background:color-mix(in srgb,var(--color-module-2, #4aaa6a) 10%,white);color:var(--color-module-2, #4aaa6a);border-color:color-mix(in srgb,var(--color-module-2, #4aaa6a) 20%,transparent)}.module-3 .module-context-badge{background:color-mix(in srgb,var(--color-module-3, #4a9f96) 10%,white);color:var(--color-module-3, #4a9f96);border-color:color-mix(in srgb,var(--color-module-3, #4a9f96) 20%,transparent)}.step-category-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.step-category-badge i,.step-category-badge svg{width:14px;height:14px}.step-category-badge--learn{background:color-mix(in srgb,var(--color-step-learn) 12%,white);color:var(--color-step-learn)}.step-category-badge--action{background:color-mix(in srgb,var(--color-step-action) 15%,white);color:var(--color-accent-darker, #b87d1e)}.step-category-badge--assess{background:color-mix(in srgb,var(--color-step-assess) 12%,white);color:var(--color-step-assess)}.step-category-badge--explore{background:color-mix(in srgb,var(--color-step-explore) 15%,white);color:var(--color-secondary-dark, #3ab89a)}.step-category-badge--summary{background:color-mix(in srgb,var(--color-step-summary) 12%,white);color:#16a34a}.step-badge--completed{background:var(--color-success-light, color-mix(in srgb, var(--color-success) 12%, white));color:var(--color-success-dark, #16a34a)}.step-badge--completed i,.step-badge--completed svg{color:var(--color-success, #22c55e)}.step-type-action .content-summary{border-left:3px solid var(--color-step-action)}.step-type-assess .assessment-section{border-top:3px solid var(--color-step-assess)}.step-type-explore .content-summary{border:1px dashed color-mix(in srgb,var(--color-step-explore) 40%,transparent)}.step-type-summary .content-summary{border-top:2px solid var(--color-step-summary)}@media(max-width:768px){.step-type-action .step-hero{border-left-width:4px}.step-type-explore .step-hero{border-width:1px}.step-type-summary .step-hero{border-width:2px}.step-category-badge{padding:var(--space-1) var(--space-2);font-size:10px}.step-category-badge i,.step-category-badge svg{width:12px;height:12px}}@media(prefers-reduced-motion:reduce){.step-type-summary .step-hero-title{background:none;-webkit-text-fill-color:var(--color-step-summary);color:var(--color-step-summary)}}@media(prefers-contrast:high){.step-type-learn .step-hero{border-top-width:6px}.step-type-action .step-hero{border-left-width:6px}.step-type-assess .step-hero{border-top-width:6px}.step-type-explore .step-hero{border-width:3px}.step-type-summary .step-hero{border-width:4px}}.quiz-step .quiz-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md)}.quiz-step .quiz-question-header{margin-bottom:var(--space-4)}.quiz-step .quiz-question-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:color-mix(in srgb,var(--color-step-assess) 10%,white);color:var(--color-step-assess);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.quiz-step .quiz-option-letter{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--color-gray-100);color:var(--color-gray-600);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.quiz-step .quiz-option:hover .quiz-option-letter{background:var(--color-accent);color:#fff}.quiz-step .quiz-feedback-content{display:flex;gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb,var(--color-success) 8%,white);border-radius:var(--radius-lg);border-left:4px solid var(--color-success)}.quiz-step .quiz-feedback-content i{color:var(--color-success);flex-shrink:0}.file-upload-step .file-upload-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;background:var(--color-gray-50);transition:all var(--duration-base) var(--ease-out)}.file-upload-step .file-upload-zone:hover,.file-upload-step .file-upload-zone:focus-within{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,white)}.file-upload-step .upload-zone-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.file-upload-step .upload-zone-inner i{color:var(--color-gray-400);transition:color var(--duration-fast) var(--ease-out)}.file-upload-step .file-upload-zone:hover .upload-zone-inner i{color:var(--color-accent)}.file-upload-step .upload-hint{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-gray-500)}.text-input-step .text-input-wrapper{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.text-input-step .text-input-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.text-input-step .char-count{font-size:var(--text-sm);color:var(--color-gray-500);font-feature-settings:"tnum"}.radar-chart-step .chart-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.radar-chart-step .chart-wrapper{grid-template-columns:1fr 280px;align-items:start}}.radar-chart-step .chart-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:center}.radar-chart-step .chart-legend-container{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-5)}.radar-chart-step .chart-legend-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-4)}.career-paths-step .path-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.career-paths-step .path-number{width:28px;height:28px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.career-paths-step .path-select-indicator{opacity:0;color:var(--color-success);transition:opacity var(--duration-fast) var(--ease-out)}.career-paths-step .path-card.selected .path-select-indicator{opacity:1}.career-paths-step .traits-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);margin-bottom:var(--space-2)}.career-paths-step .traits-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.career-paths-step .trait-tag{padding:var(--space-1) var(--space-3);background:var(--color-accent-light);color:var(--color-accent-dark, #b87d1e);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.tool-summary-step .tool-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.tool-summary-step .tool-number{width:24px;height:24px;background:var(--color-gray-200);color:var(--color-gray-600);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--color-gray-400)}.empty-state i{margin-bottom:var(--space-4);opacity:.5}.empty-state .empty-title{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-600);margin-bottom:var(--space-2)}.empty-state .empty-message{font-size:var(--text-base);color:var(--color-gray-500)}.interactive{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.interactive--subtle:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.interactive--elevated:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.interactive--scale{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.interactive--scale:hover{transform:scale(1.02)}.interactive--scale:active{transform:scale(.98)}.interactive--border:hover{border-color:var(--color-accent)}.focusable{outline:none;transition:outline var(--duration-fast) var(--ease-out),outline-offset var(--duration-fast) var(--ease-out)}.focusable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.focusable--primary:focus-visible{outline-color:var(--color-primary)}.focusable--subtle:focus-visible{outline:1px solid var(--color-accent);outline-offset:1px}.focusable--inset:focus-visible{outline-offset:-2px}.selectable{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.selectable:hover:not(.selected):not(:disabled){border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);background-color:color-mix(in srgb,var(--color-accent) 3%,white)}.selectable.selected{border-color:var(--color-accent);background-color:var(--color-accent-light, color-mix(in srgb, var(--color-accent) 8%, white));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.selectable.selected:after{content:"";position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;background:var(--color-accent);border-radius:var(--radius-full)}.clickable-card{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.clickable-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.clickable-card:active{transform:translateY(0)}.clickable-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.interactive:disabled,.interactive[aria-disabled=true],.selectable:disabled,.selectable[aria-disabled=true],.clickable-card:disabled,.clickable-card[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed;transform:none!important;box-shadow:none!important}.interactive--loading,.selectable--loading,.clickable-card--loading{position:relative;pointer-events:none}.interactive--loading:after,.selectable--loading:after,.clickable-card--loading:after{content:"";position:absolute;inset:0;background:#ffffffb3;border-radius:inherit}@media(hover:none){.interactive:hover,.clickable-card:hover{transform:none}.interactive:active{background-color:color-mix(in srgb,var(--color-gray-900) 5%,transparent)}.clickable-card:active{background-color:color-mix(in srgb,var(--color-gray-900) 3%,transparent)}}.interactive-group:hover .interactive-group__highlight{color:var(--color-accent)}.interactive-group:hover .interactive-group__icon{transform:translate(2px)}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.ripple:active:before{width:200%;height:200%}@media(prefers-reduced-motion:reduce){.interactive,.interactive--subtle,.interactive--elevated,.interactive--scale,.focusable,.selectable,.clickable-card{transition:none!important;transform:none!important}.interactive:hover,.interactive--scale:hover,.clickable-card:hover{transform:none!important}.selectable:hover,.selectable.selected{transition:none}.ripple:before{display:none}}@media(prefers-contrast:high){.focusable:focus-visible{outline-width:3px}.selectable.selected{border-width:3px;box-shadow:none}.clickable-card:focus-visible{outline-width:3px}}.md-h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-6) 0;line-height:1.2}.md-h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin:var(--space-6) 0 var(--space-4) 0;line-height:1.3}.md-h3{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-900);margin:var(--space-5) 0 var(--space-3) 0;line-height:1.4}.md-h4{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-800);margin:var(--space-4) 0 var(--space-2) 0}.md-h5{font-size:var(--text-base);font-weight:600;color:var(--color-gray-800);margin:var(--space-3) 0 var(--space-2) 0}.md-h6{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-3) 0 var(--space-2) 0}.md-paragraph{font-size:var(--text-base);line-height:1.75;color:var(--color-gray-700);margin:0 0 var(--space-4) 0}.md-paragraph:last-child{margin-bottom:0}.md-link{color:var(--color-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 30%,transparent);text-underline-offset:2px;transition:all var(--duration-fast) var(--ease-out)}.md-link:hover{color:var(--color-primary-dark, #003835);text-decoration-color:currentColor}.md-list{margin:var(--space-4) 0;padding-left:var(--space-6);color:var(--color-gray-700)}.md-list li{margin-bottom:var(--space-2);line-height:1.6}.md-list--ordered{list-style-type:decimal}.md-list:not(.md-list--ordered){list-style-type:disc}.md-list .md-list{margin:var(--space-2) 0 0 0}.md-blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-gray-700);font-style:italic}.md-blockquote p:last-child{margin-bottom:0}.inline-code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);font-size:.875em;padding:.125em .375em;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-800)}.code-block{margin:var(--space-4) 0;padding:var(--space-4);background:var(--color-gray-900);border-radius:var(--radius-lg);overflow-x:auto}.code-block code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);font-size:var(--text-sm);color:var(--color-gray-100);line-height:1.6;white-space:pre}.code-block:before{content:attr(data-language);display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500);margin-bottom:var(--space-2)}.md-figure{margin:var(--space-6) 0}.md-image{display:block;max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.md-caption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500);text-align:center;font-style:italic}.content-image{display:block;max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-4) 0}.content-image--full-width{width:100%;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));max-width:calc(100% + var(--space-8));border-radius:0}@media(min-width:768px){.content-image--full-width{margin-left:calc(-1 * var(--space-8));margin-right:calc(-1 * var(--space-8));max-width:calc(100% + var(--space-16))}}.content-image-caption{font-size:var(--text-sm);color:var(--color-gray-500);text-align:center;margin-top:var(--space-2);font-style:italic}.video-embed{margin:var(--space-6) 0}.video-embed-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-gray-900);box-shadow:var(--shadow-lg)}.video-embed-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-embed-caption{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-500)}.video-embed-caption i{color:var(--color-gray-400)}.video-embed--error .video-embed-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);background:var(--color-gray-100);border-radius:var(--radius-xl);color:var(--color-gray-500);text-align:center}.video-embed--error .video-embed-placeholder i{color:var(--color-gray-400)}.video-embed--thumbnail .video-embed-play-button{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:none;padding:0;cursor:pointer}.video-embed-thumbnail{width:100%;height:100%;object-fit:cover}.video-embed-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background var(--duration-fast) var(--ease-out)}.video-embed-play-button:hover .video-embed-play-overlay{background:#00000080}.video-embed-play-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fffffff2;border-radius:var(--radius-full);color:var(--color-gray-900);box-shadow:var(--shadow-xl);transition:transform var(--duration-fast) var(--ease-out)}.video-embed-play-button:hover .video-embed-play-icon{transform:scale(1.1)}[data-provider=youtube] .video-embed-play-icon{background:red;color:#fff}[data-provider=vimeo] .video-embed-play-icon{background:#00adef;color:#fff}@media(max-width:640px){.md-h1{font-size:var(--text-2xl)}.md-h2{font-size:var(--text-xl)}.md-h3{font-size:var(--text-lg)}.code-block{padding:var(--space-3);border-radius:var(--radius-md)}.video-embed-play-icon{width:60px;height:60px}.video-embed-play-icon i{width:32px;height:32px}}@media(prefers-color-scheme:dark){.inline-code{background:var(--color-gray-800);color:var(--color-gray-100)}.md-blockquote{background:var(--color-gray-800);color:var(--color-gray-200)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-state--compact{padding:var(--space-6);gap:var(--space-3)}.empty-state--large{padding:var(--space-16);gap:var(--space-6)}.empty-state--muted{background:var(--color-gray-50);border-radius:var(--radius-xl)}.empty-state-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-gray-300)}.empty-state--compact .empty-state-icon{margin-bottom:var(--space-2)}.empty-state--large .empty-state-icon{margin-bottom:var(--space-6)}.empty-state-illustration{margin-bottom:var(--space-6);max-width:200px}.empty-state-illustration img,.empty-state-illustration svg{width:100%;height:auto}.empty-state-content{max-width:320px}.empty-state--large .empty-state-content{max-width:400px}.empty-state-title{font-weight:600;color:var(--color-gray-700);margin:0 0 var(--space-2) 0}.empty-state--compact .empty-state-title{margin-bottom:var(--space-1)}.empty-state-description{color:var(--color-gray-500);margin:0;line-height:1.5}.empty-state-action{margin-top:var(--space-6)}.empty-state--compact .empty-state-action{margin-top:var(--space-4)}.empty-state-btn{min-width:120px}.empty-state-icon [data-lucide=loader]{animation:emptyStateLoader 1.5s linear infinite}@keyframes emptyStateLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.empty-state{padding:var(--space-8)}.empty-state--large{padding:var(--space-10)}.empty-state-content{max-width:280px}}.tooltip{position:fixed;z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.tooltip--visible{opacity:1;visibility:visible}.tooltip-content{position:relative;padding:var(--space-2) var(--space-3);background:var(--color-gray-900);color:#fff;font-size:var(--text-sm);font-weight:500;line-height:1.4;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:280px;word-wrap:break-word}.tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--color-gray-900);transform:rotate(45deg)}.tooltip--top .tooltip-arrow{bottom:-4px;left:50%;margin-left:-4px}.tooltip--top{transform:translateY(-4px)}.tooltip--top.tooltip--visible{transform:translateY(0)}.tooltip--bottom .tooltip-arrow{top:-4px;left:50%;margin-left:-4px}.tooltip--bottom{transform:translateY(4px)}.tooltip--bottom.tooltip--visible{transform:translateY(0)}.tooltip--left .tooltip-arrow{right:-4px;top:50%;margin-top:-4px}.tooltip--left{transform:translate(-4px)}.tooltip--left.tooltip--visible{transform:translate(0)}.tooltip--right .tooltip-arrow{left:-4px;top:50%;margin-top:-4px}.tooltip--right{transform:translate(4px)}.tooltip--right.tooltip--visible{transform:translate(0)}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:help;color:var(--color-gray-400);transition:color var(--duration-fast) var(--ease-out)}.tooltip-trigger:hover,.tooltip-trigger:focus{color:var(--color-gray-600)}.tooltip-trigger:focus{outline:2px solid var(--color-focus-ring, var(--color-primary));outline-offset:2px;border-radius:var(--radius-sm)}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--space-1);color:var(--color-gray-400);cursor:help;vertical-align:middle}.help-icon:hover{color:var(--color-gray-600)}@media(prefers-reduced-motion:reduce){.tooltip{transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out);transform:none!important}.tooltip--visible{transform:none!important}}@media(max-width:640px){.tooltip-content{max-width:240px;font-size:var(--text-xs);padding:var(--space-2)}}@media(prefers-color-scheme:dark){.tooltip-content{background:var(--color-gray-100);color:var(--color-gray-900)}.tooltip-arrow{background:var(--color-gray-100)}}.landing-page{display:none;position:fixed;inset:0;z-index:100;overflow-y:auto;background:var(--color-bg, #f6f5f4);color:var(--color-text-primary, #3b3a3a);font-family:Source Sans Pro,sans-serif}.landing-page.active{display:block}.landing-inner{min-height:100vh;display:flex;flex-direction:column}.landing-hero{background:radial-gradient(ellipse at 20% 80%,rgba(var(--color-accent-rgb),.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(var(--color-secondary-rgb),.1) 0%,transparent 50%),linear-gradient(135deg,var(--color-primary-dark, #003348) 0%,var(--color-primary, #004b68) 40%,var(--color-primary) 100%);color:#fff;position:relative;overflow:hidden;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.hero-orb--1{top:-15%;right:-8%;width:min(520px,70vw);height:min(520px,70vw);background:radial-gradient(circle,rgba(238,162,76,.22) 0%,transparent 65%)}.hero-orb--2{bottom:-20%;left:-12%;width:min(600px,80vw);height:min(600px,80vw);background:radial-gradient(circle,rgba(79,213,178,.15) 0%,transparent 65%)}.landing-hero-nav{position:relative;z-index:1;display:flex;justify-content:center;padding:2rem 1.5rem 0}.landing-hero-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem 2rem;max-width:50rem;margin:0 auto;width:100%;box-sizing:border-box}.landing-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80;margin-bottom:1rem}.landing-hero-stats{display:flex;align-items:center;gap:.625rem;margin:1.5rem 0 0;flex-wrap:wrap;justify-content:center}.hero-stat{font-size:.875rem;color:#fff9;white-space:nowrap}.hero-stat strong{font-weight:700;color:#ffffffe6}.hero-stat-dot{color:#ffffff40;font-size:1.25rem;line-height:1}.landing-logo-pair{display:flex;align-items:center;gap:.875rem}.landing-logo-x{font-size:1.125rem;font-weight:300;color:#fff6;flex-shrink:0;line-height:1;user-select:none}.landing-logo{display:inline-flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:var(--radius-lg, 12px);padding:.875rem 1.75rem;box-shadow:0 2px 20px #0003,0 0 0 1px #ffffff1a;min-width:0}.landing-logo img{height:4rem;width:auto;max-width:14rem;object-fit:contain;display:block}.logo-separator{display:block;width:1px;height:2.5rem;background:#00000026;flex-shrink:0}.landing-headline{font-family:Bitter,serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15;margin-bottom:1rem;color:#fff}.landing-headline-accent{color:var(--color-accent, #eea24c)}.landing-subtitle{font-size:var(--text-lg, 1.125rem);color:#ffffffb8;max-width:34rem;line-height:var(--leading-relaxed, 1.625)}.landing-content{max-width:880px;margin:0 auto;width:100%;padding:var(--space-10, 2.5rem) var(--space-6, 1.5rem);box-sizing:border-box}.landing-section-watch{background:#fff;max-width:none;padding-bottom:var(--space-6, 1.5rem)}.landing-section-watch>*{max-width:880px;margin-left:auto;margin-right:auto}.landing-section-explore{background:var(--color-bg, #f6f5f4);max-width:none;padding-top:var(--space-10, 2.5rem)}.landing-section-explore>*{max-width:880px;margin-left:auto;margin-right:auto}.landing-video-card{background:var(--step-card-bg, white);border-radius:var(--step-card-radius, var(--radius-xl, 16px));border:var(--step-card-border, 1px solid var(--color-border-light, #f3f4f6));box-shadow:var(--step-card-shadow, 0 4px 6px -1px rgba(0, 0, 0, .07));overflow:hidden;margin-bottom:var(--space-8, 2rem);transition:box-shadow var(--duration-slow, .3s) var(--ease-out, ease-out)}.landing-video-card:hover{box-shadow:var(--shadow-premium-lg, 0 4px 8px rgba(0, 0, 0, .02), 0 8px 16px rgba(0, 0, 0, .03), 0 16px 32px rgba(0, 0, 0, .04))}.landing-video-header{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-bottom:1px solid var(--color-border-light, #f3f4f6)}.landing-video-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md, 8px);background:var(--color-accent-soft, rgba(238, 162, 76, .12));display:flex;align-items:center;justify-content:center;color:var(--color-accent, #eea24c);flex-shrink:0}.landing-video-title{font-family:Bitter,serif;font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #3b3a3a)}.landing-video-container{position:relative;aspect-ratio:16 / 9;background:var(--color-gray-900, #111827)}.landing-video-container video{width:100%;height:100%;object-fit:cover;display:block}.landing-video-overlay{position:absolute;inset:0 0 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, .75rem);background:#00000059;cursor:pointer;transition:background var(--duration-base, .2s) var(--ease-out, ease-out)}.landing-video-overlay:hover{background:#00000040}.landing-video-overlay.hidden{display:none}.landing-play-btn{width:4.5rem;height:4.5rem;border-radius:var(--radius-full, 9999px);background:#fff;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-base, .2s) var(--ease-out, ease-out),box-shadow var(--duration-base, .2s) var(--ease-out, ease-out);box-shadow:var(--shadow-premium-md, 0 2px 4px rgba(0, 0, 0, .02), 0 4px 8px rgba(0, 0, 0, .03), 0 8px 16px rgba(0, 0, 0, .03))}.landing-video-overlay:hover .landing-play-btn{transform:scale(1.08);box-shadow:var(--shadow-premium-lg)}.landing-play-icon{width:1.75rem;height:1.75rem;color:var(--color-primary, #004b68);margin-left:3px}.landing-video-caption{font-size:var(--text-sm, .875rem);color:#ffffffe6;font-weight:500}@keyframes journeyLineDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes journeyLineDrawVertical{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes journeyNodePop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.landing-section-label{font-family:Bitter,serif;font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--color-text-primary, #3b3a3a);margin-bottom:0}.landing-journey-heading{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--space-5, 1.25rem)}.landing-journey-eyebrow{font-size:var(--text-xs, .75rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent, #eea24c)}.landing-journey-track{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5, 1.25rem);margin-bottom:var(--space-10, 2.5rem);position:relative;padding-top:36px}.landing-journey-track:before{content:"";position:absolute;top:18px;left:calc(100% / 6);right:calc(100% / 6);height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-accent, #eea24c),var(--color-primary, #004b68) 50%,var(--color-secondary, #4fd5b2));transform-origin:left;animation:journeyLineDraw .6s var(--ease-out, ease-out) .2s both}.journey-stop{position:relative;overflow:visible;z-index:1}.journey-node{position:absolute;top:-36px;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:var(--radius-full, 9999px);background:#fff;border:4px solid var(--color-border-light, #e5e7eb);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-premium-sm, 0 1px 2px rgba(0, 0, 0, .03));opacity:0;animation:journeyNodePop .4s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275)) both;z-index:2}.journey-node-ring{width:14px;height:14px;border-radius:var(--radius-full, 9999px);background:var(--color-border-light, #e5e7eb)}.journey-stop--1 .journey-node{border-color:var(--color-accent, #eea24c);animation-delay:.3s}.journey-stop--1 .journey-node-ring{background:var(--color-accent, #eea24c)}.journey-stop--2 .journey-node{border-color:var(--color-primary, #004b68);animation-delay:.45s}.journey-stop--2 .journey-node-ring{background:var(--color-primary, #004b68)}.journey-stop--3 .journey-node{border-color:var(--color-secondary, #4fd5b2);animation-delay:.6s}.journey-stop--3 .journey-node-ring{background:var(--color-secondary, #4fd5b2)}.journey-stop--locked .journey-node{border-style:dashed;opacity:.4;border-color:var(--color-text-muted, #6b6a6a)}.journey-stop--locked .journey-node-ring{background:var(--color-text-muted, #6b6a6a)}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5, 1.25rem);margin-bottom:var(--space-10, 2.5rem)}.landing-feature-card{position:relative;overflow:hidden;background:var(--step-card-bg, white);border:var(--step-card-border, 1px solid var(--color-border-light, #f3f4f6));border-radius:var(--step-card-radius, var(--radius-xl, 16px));padding:var(--step-card-padding, var(--space-6, 1.5rem));transition:transform var(--duration-base, .2s) var(--ease-out, ease-out),box-shadow var(--duration-base, .2s) var(--ease-out, ease-out),border-color var(--duration-base, .2s) var(--ease-out, ease-out);box-shadow:var(--step-card-shadow, 0 4px 6px -1px rgba(0, 0, 0, .07))}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-border-light, #e5e7eb)}.landing-feature-card:nth-child(1):before,.journey-stop--1 .landing-feature-card:before{background:var(--color-accent, #eea24c)}.landing-feature-card:nth-child(2):before,.journey-stop--2 .landing-feature-card:before{background:var(--color-primary, #004b68)}.landing-feature-card:nth-child(3):before,.journey-stop--3 .landing-feature-card:before{background:var(--color-secondary, #4fd5b2)}.landing-feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-premium-md);border-color:var(--color-border-dark, #d9d6d4)}.landing-feature-number{font-family:Bitter,serif;font-size:var(--text-xs, .75rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3, .75rem)}.landing-feature-number.module-1{color:var(--color-module-1, #5b9bd5)}.landing-feature-number.module-2{color:var(--color-module-2, #4aaa6a)}.landing-feature-number.module-3{color:var(--color-module-3, #4a9f96)}.landing-feature-icon{width:3rem;height:3rem;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3, .75rem)}.landing-feature-icon.discover{background:var(--color-accent-soft, rgba(238, 162, 76, .12));color:var(--color-accent, #eea24c)}.landing-feature-icon.reflect{background:var(--color-primary-soft, rgba(0, 75, 104, .08));color:var(--color-primary, #004b68)}.landing-feature-icon.connect{background:#4fd5b21f;color:var(--color-secondary, #4fd5b2)}.landing-feature-title{font-family:Bitter,serif;font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #3b3a3a);margin-bottom:var(--space-1, .25rem)}.landing-feature-desc{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #5a5959);line-height:var(--leading-relaxed, 1.625)}.landing-feature-card.locked{opacity:.55;pointer-events:none}.landing-locked-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full, 9999px);background:#0000000f;color:var(--color-text-muted, #6b6a6a);font-size:var(--text-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-2, .5rem)}.landing-locked-badge svg{width:12px;height:12px}.landing-cta{text-align:center;padding:var(--space-2, .5rem) 0 var(--space-8, 2rem)}.landing-start-btn{display:inline-flex;align-items:center;gap:var(--btn-continue-gap, var(--space-2, .5rem));padding:var(--space-4, 1rem) var(--space-10, 2.5rem);min-height:52px;background:var(--btn-continue-bg, var(--color-primary, #004b68));color:var(--btn-continue-color, white);font-family:Source Sans Pro,sans-serif;font-size:var(--text-lg, 1.125rem);font-weight:var(--btn-continue-font-weight, 600);border-radius:var(--btn-continue-radius, var(--radius-lg, 12px));border:none;cursor:pointer;transition:transform var(--duration-base, .2s) var(--ease-out, ease-out),box-shadow var(--duration-base, .2s) var(--ease-out, ease-out),background var(--duration-base, .2s) var(--ease-out, ease-out);box-shadow:var(--btn-continue-shadow, 0 2px 8px rgba(0, 75, 104, .25))}.landing-start-btn:hover{background:var(--btn-continue-hover-bg, var(--color-primary-dark, #003a52));transform:translateY(-2px);box-shadow:var(--btn-continue-hover-shadow, 0 4px 12px rgba(0, 75, 104, .35))}.landing-start-btn:active{transform:translateY(0)}.landing-start-btn:focus-visible{outline:2px solid var(--color-primary, #004b68);outline-offset:2px}.landing-start-btn .btn-arrow{transition:transform var(--duration-base, .2s) var(--ease-out, ease-out)}.landing-start-btn:hover .btn-arrow{transform:translate(4px)}.landing-footer{margin-top:auto;text-align:center;padding:var(--space-6, 1.5rem);color:var(--color-text-muted, #6b6a6a);font-size:var(--text-xs, .75rem);border-top:1px solid var(--color-border, #eeebe9)}.landing-footer a{color:var(--color-primary, #004b68);text-decoration:none;font-weight:600}.landing-footer a:hover{text-decoration:underline}.landing-hero-cta{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);margin-top:var(--space-6, 1.5rem);padding:var(--space-3, .75rem) var(--space-8, 2rem);background:var(--color-accent, #eea24c);color:#fff;font-family:Source Sans Pro,sans-serif;font-size:var(--text-lg, 1.125rem);font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform var(--duration-base, .2s) var(--ease-out, ease-out),box-shadow var(--duration-base, .2s) var(--ease-out, ease-out);box-shadow:0 2px 8px #eea24c4d}.landing-hero-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-accent, 0 4px 16px rgba(238, 162, 76, .25), 0 8px 32px rgba(238, 162, 76, .15))}.landing-hero-cta:active{transform:translateY(0)}.landing-hero-cta .btn-arrow{transition:transform var(--duration-base, .2s) var(--ease-out, ease-out)}.landing-hero-cta:hover .btn-arrow{transform:translate(4px)}.landing-video-cta{display:flex;justify-content:center;margin-top:var(--space-6, 1.5rem);margin-bottom:var(--space-4, 1rem)}.landing-hero-tagline{font-size:var(--font-sm);color:#ffffffb3;text-align:center;max-width:480px;margin:0 auto var(--space-4);line-height:1.6;position:relative;z-index:1}.landing-scroll-hint{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem);padding:1.5rem;color:#ffffff73;font-size:.8rem;background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s ease,transform .2s ease}.landing-scroll-hint:hover{color:#ffffffbf;transform:translateY(3px)}.landing-scroll-hint:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px;border-radius:8px}.landing-scroll-hint-track{width:20px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:10px;position:relative;overflow:hidden}.landing-scroll-hint-dot{width:4px;height:8px;background:#fff9;border-radius:2px;position:absolute;left:50%;transform:translate(-50%);animation:scrollHintBounce 2s ease-in-out infinite}@keyframes scrollHintBounce{0%,to{top:4px}50%{top:18px}}.landing-section-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem);width:100%;padding:2.5rem 1rem;margin-top:var(--space-6, 1.5rem);color:var(--color-text-muted, #6b6a6a);font-size:.8rem;font-weight:500;letter-spacing:.03em;background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s ease,transform .2s ease}.landing-section-scroll-hint:hover{color:var(--color-primary, #004b68);transform:translateY(3px)}.landing-section-scroll-hint .landing-scroll-hint-track{border-color:#00000026}.landing-section-scroll-hint .landing-scroll-hint-dot{background:var(--color-primary, #004b68);opacity:.4}.landing-section-scroll-hint:hover .landing-scroll-hint-dot{opacity:.7}.landing-intro-block{background:var(--color-accent, #eea24c);color:#fff;border-radius:var(--radius-lg, 12px);padding:var(--space-6, 1.5rem);margin-bottom:var(--space-6, 1.5rem)}.landing-intro-block p{font-size:1.05rem;line-height:1.6;margin:0}.landing-transparency{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);background:rgba(var(--color-primary-rgb, 1, 129, 177),.06);border:1px solid rgba(var(--color-primary-rgb, 1, 129, 177),.15);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-6, 1.5rem);color:var(--text-primary, #3b3a3a)}.landing-transparency svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.landing-transparency p{font-size:.9rem;line-height:1.5;margin:0;opacity:.85}.landing-about-block{background:var(--color-white, #fff);border:1px solid var(--color-gray-200, #e5e7eb);border-left:4px solid var(--color-primary, #004b68);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);margin-bottom:var(--space-6, 1.5rem)}.landing-about-header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem);color:var(--color-primary, #004b68)}.landing-about-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-about-title{font-weight:var(--font-weight-bold, 700);font-size:var(--font-base, 1rem)}.landing-about-text{font-size:var(--font-sm, .875rem);color:var(--color-gray-600, #4b5563);line-height:1.65;margin:0}.landing-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 1rem);margin-bottom:var(--space-8, 2rem)}.landing-stat{background:#fff;border-radius:var(--radius-lg, 12px);padding:var(--space-5, 1.25rem) var(--space-4, 1rem);text-align:center;box-shadow:var(--shadow-premium-sm, 0 1px 2px rgba(0, 0, 0, .03))}.landing-stat-value{font-family:Bitter,serif;font-size:var(--text-2xl, 1.5rem);font-weight:700;color:var(--color-primary, #004b68);line-height:1.2}.landing-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #5a5959);margin-top:var(--space-1, .25rem)}.landing-feature-meta{display:flex;align-items:center;gap:var(--space-2, .5rem);padding-top:var(--space-3, .75rem);margin-top:var(--space-3, .75rem);border-top:1px solid var(--color-border-light, #f3f4f6);font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #6b6a6a)}.landing-bottom-cta{background:linear-gradient(135deg,#004b680a,#4fd5b20f);border-radius:var(--radius-xl, 16px);padding:var(--space-10, 2.5rem) var(--space-6, 1.5rem);text-align:center;margin-bottom:var(--space-8, 2rem)}.landing-bottom-cta-heading{font-family:Bitter,serif;font-size:var(--text-xl, 1.25rem);font-weight:700;color:var(--color-text-primary, #3b3a3a);margin-bottom:var(--space-2, .5rem)}.landing-bottom-cta-subtext{font-size:var(--text-base, 1rem);font-weight:500;color:var(--color-text-primary, #3b3a3a);max-width:560px;margin:0 auto var(--space-6, 1.5rem);line-height:var(--leading-relaxed, 1.625)}.landing-hero-nav{animation:fadeInUp .35s ease-out}.landing-hero-content{animation:fadeInUp .45s ease-out 80ms both}.landing-content>*{opacity:0;animation:fadeInUp .28s ease-out forwards}.landing-content>*:nth-child(1){animation-delay:.1s}.landing-content>*:nth-child(2){animation-delay:.2s}.landing-content>*:nth-child(3){animation-delay:.3s}.landing-content>*:nth-child(4){animation-delay:.4s}.landing-content>*:nth-child(5){animation-delay:.5s}.landing-content>*:nth-child(6){animation-delay:.6s}.landing-features-grid .landing-feature-card{opacity:0;animation:fadeInUp .28s ease-out forwards}.landing-features-grid .landing-feature-card:nth-child(1){animation-delay:.35s}.landing-features-grid .landing-feature-card:nth-child(2){animation-delay:.45s}.landing-features-grid .landing-feature-card:nth-child(3){animation-delay:.55s}.landing-journey-track .journey-stop .landing-feature-card{opacity:0;animation:fadeInUp .28s ease-out forwards}.landing-journey-track .journey-stop:nth-child(1) .landing-feature-card{animation-delay:.5s}.landing-journey-track .journey-stop:nth-child(2) .landing-feature-card{animation-delay:.65s}.landing-journey-track .journey-stop:nth-child(3) .landing-feature-card{animation-delay:.8s}@media(prefers-reduced-motion:reduce){.landing-hero-nav,.landing-hero-content,.landing-content>*,.landing-features-grid .landing-feature-card,.landing-journey-track .journey-stop .landing-feature-card{animation:none!important;opacity:1!important}.landing-scroll-hint-dot,.landing-section-scroll-hint .landing-scroll-hint-dot{animation:none!important}.landing-journey-track:before{animation:none!important;transform:scaleX(1)!important}.journey-node{animation:none!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}}@media(max-width:768px){.landing-hero-nav{padding:1.5rem 1rem 0}.landing-logo img{height:3rem;max-width:10rem}.landing-logo-pair{gap:.625rem}.landing-logo-x{font-size:1rem}.landing-hero-content{padding:2rem 1rem 1.5rem}.landing-subtitle{font-size:var(--text-base, 1rem)}.landing-content{padding:var(--space-6, 1.5rem) var(--space-4, 1rem)}.landing-hero-cta{width:100%;justify-content:center}.landing-scroll-hint{display:flex}.landing-hero-stats{font-size:.8rem;gap:.375rem}.landing-about-block{padding:var(--space-4, 1rem)}.landing-stats-bar{grid-template-columns:repeat(2,1fr)}.landing-features-grid{grid-template-columns:1fr;gap:var(--space-3, .75rem)}.landing-journey-track{grid-template-columns:1fr;gap:var(--space-3, .75rem);padding-top:0;padding-left:44px}.landing-journey-track:before{inset:0 auto 0 18px;width:4px;height:auto;background:linear-gradient(to bottom,var(--color-accent, #eea24c),var(--color-primary, #004b68) 50%,var(--color-secondary, #4fd5b2));transform-origin:top;animation-name:journeyLineDrawVertical}.journey-node{top:50%;left:-26px}.landing-start-btn{width:100%;justify-content:center;font-size:var(--text-base, 1rem);padding:var(--space-4, 1rem) var(--space-6, 1.5rem)}.landing-play-btn{width:3.5rem;height:3.5rem}.landing-play-icon{width:1.25rem;height:1.25rem}.landing-video-header{padding:var(--space-4, 1rem)}.landing-video-overlay{bottom:0}.landing-bottom-cta{padding:var(--space-8, 2rem) var(--space-4, 1rem)}}@media(max-width:400px){.landing-logo{padding:.625rem 1rem}.landing-logo img{height:2.5rem;max-width:8rem}.landing-logo-pair{gap:.5rem}.landing-headline{font-size:1.75rem}.landing-hero-stats{font-size:.75rem}.landing-content{padding:var(--space-4, 1rem) var(--space-3, .75rem)}.landing-journey-track{padding-left:36px}.landing-bottom-cta{padding:var(--space-6, 1.5rem) var(--space-3, .75rem)}}@media(min-width:769px)and (max-width:1024px){.landing-headline{font-size:var(--text-3xl, 2rem)}.landing-features-grid{gap:var(--space-4, 1rem)}.landing-journey-track{gap:var(--space-4, 1rem);padding-top:30px}.landing-journey-track:before{top:15px}.journey-node{width:30px;height:30px;top:-30px}.journey-node-ring{width:12px;height:12px}}.command-palette-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:10vh 1rem;animation:fadeIn .15s ease-out}.command-palette-container{width:100%;max-width:32rem;background:var(--color-surface, white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideInDown .2s ease-out}.command-palette-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border, var(--color-gray-200))}.command-search-icon{width:1.25rem;height:1.25rem;color:var(--color-text-muted, var(--color-gray-400));flex-shrink:0}.command-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--font-base, 1rem);color:var(--color-text-primary, var(--color-gray-900))}.command-input::placeholder{color:var(--color-text-muted, var(--color-gray-400))}.command-kbd{padding:.25rem .5rem;background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--font-xs);font-family:monospace;color:var(--color-text-muted, var(--color-gray-500))}.command-palette-results{max-height:50vh;overflow-y:auto;padding:var(--space-2)}.command-group{margin-bottom:var(--space-2)}.command-group-title{padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-text-muted, var(--color-gray-500));text-transform:uppercase;letter-spacing:.05em}.command-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color .1s ease}.command-item:hover,.command-item.selected{background:var(--color-gray-100)}.command-icon{width:1rem;height:1rem;color:var(--color-text-muted, var(--color-gray-400));flex-shrink:0}.command-text{flex:1;font-size:var(--font-sm);color:var(--color-text-primary, var(--color-gray-900))}.command-shortcut{font-size:var(--font-xs);font-family:monospace;color:var(--color-text-muted, var(--color-gray-500));padding:.125rem .375rem;background:var(--color-gray-100);border-radius:var(--radius-sm)}.offline-indicator{position:fixed;left:50%;transform:translate(-50%) translateY(100%);padding:var(--space-3) var(--space-4);background:var(--color-surface, white);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);z-index:90;transition:transform .3s ease;opacity:0;pointer-events:none}.offline-indicator.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.offline-indicator-bottom{bottom:var(--space-4)}.offline-indicator-top{top:var(--space-4)}.offline-indicator.offline{background:#fef2f2;color:#991b1b}.offline-indicator.offline svg{color:#dc2626}.offline-indicator:not(.offline){background:#f0fdf4;color:#166534}.offline-indicator:not(.offline) svg{color:#22c55e}.offline-queue-count{padding:.125rem .5rem;background:#0000001a;border-radius:var(--radius-full);font-size:var(--font-xs)}.draft-recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.draft-recovery-content{display:flex;align-items:flex-start;gap:var(--space-3)}.draft-icon{width:1.25rem;height:1.25rem;color:var(--color-accent-dark);flex-shrink:0;margin-top:.125rem}.draft-info{display:flex;flex-direction:column;gap:.25rem}.draft-info strong{font-size:var(--font-sm);color:var(--color-text-primary, var(--color-gray-900))}.draft-age{font-size:var(--font-xs);color:var(--color-text-muted, var(--color-gray-500))}.draft-preview{font-size:var(--font-xs);color:var(--color-text-secondary, var(--color-gray-600));margin:0;max-width:20rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-recovery-actions{display:flex;gap:var(--space-2);flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary, var(--color-gray-600));transition:background-color .15s ease,color .15s ease}.theme-toggle:hover{background:var(--color-gray-100);color:var(--color-text-primary, var(--color-gray-900))}.theme-toggle svg{width:1.25rem;height:1.25rem}.theme-toggle-sm svg{width:1rem;height:1rem}.theme-toggle-lg svg{width:1.5rem;height:1.5rem}.theme-selector{display:flex;flex-direction:column;gap:var(--space-2)}.theme-selector-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-text-secondary, var(--color-gray-600))}.theme-selector-icon{width:1rem;height:1rem}.theme-selector-options{display:flex;gap:var(--space-2)}.theme-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface, white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);color:var(--color-text-secondary, var(--color-gray-600));transition:all .15s ease}.theme-option:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.theme-option.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.theme-option svg{width:1rem;height:1rem}.error-boundary-critical{position:fixed;inset:0;background:var(--color-background, white);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.error-boundary-content{text-align:center;max-width:24rem}.error-boundary-content .error-icon{width:4rem;height:4rem;color:#dc2626;margin-bottom:var(--space-4)}.error-boundary-content h2{font-size:var(--font-2xl, 1.5rem);font-weight:var(--font-bold);color:var(--color-text-primary, var(--color-gray-900));margin-bottom:var(--space-2)}.error-boundary-content p{color:var(--color-text-secondary, var(--color-gray-600));margin-bottom:var(--space-6)}@media(max-width:640px){.command-palette-overlay{padding:5vh .5rem}.command-palette-container{border-radius:var(--radius-lg)}.draft-recovery-banner{flex-direction:column;align-items:stretch}.draft-recovery-actions{justify-content:flex-end}}@media(prefers-contrast:high){.command-item:hover,.command-item.selected{outline:2px solid currentColor}}:root{--color-primary-gradient: linear-gradient(135deg, #003348 0%, #004b68 50%, #003348 100%);--color-primary-soft: rgba(var(--color-primary-rgb), .08);--color-primary-glow: rgba(var(--color-primary-rgb), .25);--color-accent-gradient: linear-gradient(135deg, #eea24c 0%, #f5c842 50%, #fbbf24 100%);--color-accent-soft: rgba(var(--color-accent-rgb), .12);--color-accent-glow: rgba(var(--color-accent-rgb), .35);--surface-premium: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);--surface-card: linear-gradient(180deg, #ffffff 0%, #fcfbfa 100%);--surface-elevated: linear-gradient(145deg, #ffffff 0%, #f8f7f6 100%);--shadow-premium-sm: 0 1px 2px rgba(0, 0, 0, .03), 0 2px 4px rgba(0, 0, 0, .03), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-premium-md: 0 2px 4px rgba(0, 0, 0, .02), 0 4px 8px rgba(0, 0, 0, .03), 0 8px 16px rgba(0, 0, 0, .03), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-premium-lg: 0 4px 8px rgba(0, 0, 0, .02), 0 8px 16px rgba(0, 0, 0, .03), 0 16px 32px rgba(0, 0, 0, .04), 0 32px 64px rgba(0, 0, 0, .03);--shadow-premium-xl: 0 8px 16px rgba(0, 0, 0, .02), 0 16px 32px rgba(0, 0, 0, .04), 0 32px 64px rgba(0, 0, 0, .06), 0 48px 96px rgba(0, 0, 0, .04);--shadow-glow-primary: 0 4px 16px rgba(var(--color-teal-rgb), .15), 0 8px 32px rgba(var(--color-teal-rgb), .1);--shadow-glow-accent: 0 4px 16px rgba(var(--color-accent-rgb), .25), 0 8px 32px rgba(var(--color-accent-rgb), .15);--shadow-glow-success: 0 4px 16px rgba(var(--color-secondary-rgb), .2), 0 8px 32px rgba(var(--color-secondary-rgb), .1);--glass-premium: rgba(255, 255, 255, .75);--glass-border-premium: rgba(255, 255, 255, .5);--glass-highlight: rgba(255, 255, 255, .9);--glass-blur-premium: 20px;--pattern-premium: radial-gradient(circle at 100% 0%, rgba(var(--color-teal-rgb), .03) 0%, transparent 50%), radial-gradient(circle at 0% 100%, rgba(var(--color-accent-rgb), .03) 0%, transparent 50%);--pattern-dots-premium: radial-gradient(circle, rgba(0, 0, 0, .02) 1px, transparent 1px);--pattern-dots-size: 20px 20px;--transition-premium: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-smooth: .5s cubic-bezier(.25, .1, .25, 1);--lift-sm: -2px;--lift-md: -4px;--lift-lg: -6px}.main-content{background:linear-gradient(180deg,#f6f5f400,#f6f5f480,#f6f5f400),var(--pattern-premium),var(--color-background);position:relative}.content-container{position:relative;z-index:1}.sidebar{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 50%,color-mix(in srgb,var(--color-primary-dark) 85%,black) 100%);box-shadow:4px 0 16px #00000026,inset -1px 0 #ffffff0d}.sidebar-brand{position:relative;overflow:hidden}.sidebar-brand .logo-container{background:var(--color-surface, #ffffff);box-shadow:0 2px 8px #0000001a;transition:var(--transition-premium)}.module-header{position:relative;border-radius:var(--radius-md);margin:var(--space-xs) var(--space-sm);transition:var(--transition-premium)}.module-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);transition:background var(--duration-fast)}.module-header:hover .module-icon{background:#ffffff26}.module-header.active .module-icon{background:var(--color-accent);border-color:transparent}.module-progress-bar{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.module-progress-fill{background:var(--color-accent)}.step-item{border-radius:0 var(--radius-md) var(--radius-md) 0;margin-right:var(--space-sm);transition:var(--transition-premium)}.step-item:hover{background:#ffffff1a}.step-item.active{background:linear-gradient(90deg,#ffffff2e,#ffffff14)}.step-item.active:after{background:var(--color-accent)}.step-item.completed .step-icon{color:var(--color-success);filter:drop-shadow(0 0 4px rgba(79,213,178,.4))}.header{background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 4px #0000000a}.header.scrolled{box-shadow:0 2px 8px #0000000f}.progress-container{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 4px #0000000a}.progress-bar{background:linear-gradient(180deg,#0000000f,#00000008);box-shadow:inset 0 1px 3px #00000014,inset 0 0 0 1px #00000008}.progress-fill{background:var(--color-accent)}.progress-text{font-feature-settings:"tnum" 1;color:var(--color-accent-dark)}.btn{box-shadow:var(--shadow-premium-sm);transition:var(--transition-premium)}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){filter:brightness(.95)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-premium-sm),0 2px 8px var(--color-primary-shadow, rgba(1, 129, 177, .25))}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark, #016694);box-shadow:var(--shadow-premium-md),0 4px 16px var(--color-primary-shadow, rgba(1, 129, 177, .35));transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);box-shadow:var(--shadow-premium-sm),0 2px 8px #00000014}.btn-secondary:hover:not(:disabled){background:var(--gray-200);box-shadow:var(--shadow-premium-md),0 4px 16px #0000001a}.btn-cta,.btn-cta-primary{background:var(--color-accent);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.25)}.btn-cta:hover,.btn-cta-primary:hover{filter:brightness(1.05);box-shadow:0 4px 12px #eea24c59}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{background:linear-gradient(180deg,#fff,#fcfbfa);border:2px solid var(--color-border);box-shadow:inset 0 1px 3px #0000000a,0 1px #fff;transition:var(--transition-premium)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:inset 0 1px 3px #0000000a,0 0 0 4px rgba(var(--color-accent-rgb),.15),0 1px #fff}.scale-input-container{background:var(--surface-card);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-premium-sm)}.scale-btn{background:linear-gradient(145deg,#fff,#f8f7f6);border:2px solid var(--color-border);box-shadow:0 2px 4px #0000000a,inset 0 1px #fff;transition:var(--transition-spring)}.scale-btn:hover:not(.selected):not(:disabled){border-color:var(--color-primary)}.scale-btn.selected{background:var(--color-primary);border-color:transparent;color:#fff}.multi-choice-option,.single-choice-option{background:var(--surface-card);border:2px solid var(--color-border);box-shadow:var(--shadow-premium-sm);transition:var(--transition-premium)}.multi-choice-option:hover:not(.selected),.single-choice-option:hover:not(.selected){border-color:var(--color-primary)}.multi-choice-option.selected,.single-choice-option.selected{background:linear-gradient(145deg,var(--color-primary-soft, rgba(1, 129, 177, .08)) 0%,rgba(255,255,255,1) 100%);border-color:var(--color-primary);box-shadow:var(--shadow-premium-md),0 0 0 4px var(--color-primary-soft, rgba(1, 129, 177, .1))}.modal-backdrop,[class*=modal][class*=fixed]{background:#00000080}.modal-content,[class*=modal]>div:first-child{background:#fff;box-shadow:var(--shadow-premium-xl)}.toast{background:#fff;box-shadow:var(--shadow-premium-lg);border:1px solid rgba(0,0,0,.06)}.custom-scrollbar::-webkit-scrollbar{width:10px}.custom-scrollbar::-webkit-scrollbar-track{background:#00000005;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0000001f,#00000014);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box;transition:background var(--duration-fast)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0003,#00000026);background-clip:padding-box}.skeleton{background:linear-gradient(90deg,#0000000a,#0000000f 20%,#0000000a 40% 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.celebration-overlay{background:radial-gradient(ellipse at center,#000000b3,#000000e6)}.celebration-card{background:linear-gradient(145deg,#fff,#fcfbfa);box-shadow:0 24px 48px #0003,0 48px 96px #00000026,inset 0 1px #fff}.footer{background:linear-gradient(180deg,#fff0,#fffffff2 20%,#fff);border-top:1px solid rgba(0,0,0,.04);box-shadow:0 -4px 16px #00000005}@media(max-width:768px){.btn:hover:not(:disabled){transform:none;box-shadow:var(--shadow-premium-sm)}.btn:active:not(:disabled){transform:scale(.98)}.main-content:before,.main-content:after{opacity:.5}.progress-fill:after{display:none}.module-progress-fill{animation:none}}@media(prefers-reduced-motion:reduce){@keyframes skeletonShimmer{0%,to{background-position:0 0}}}