@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--color-navy:#1a2b4a;--color-navy-light:#2a3e6a;--color-teal:#1d9e75;--color-teal-light:#e8f7f2;--color-amber:#f5a623;--color-amber-light:#fef6e7;--color-surface:#f7f8fa;--color-surface-2:#eef0f5;--color-text:#1a2b4a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-white:#fff;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--assessment-max-width:680px;--option-height:56px}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-navy)}:focus-visible{outline:2px solid var(--color-teal);outline-offset:3px;border-radius:var(--radius-sm)}[dir=rtl]{text-align:right}[dir=rtl] .assessment-options{direction:rtl}[dir=rtl] .progress-bar{direction:ltr}@layer components{.btn,.btn-ghost,.btn-lg,.btn-outline,.btn-primary,.btn-secondary,.btn-sm,.card,.card-interactive,.error-text,.input,.input-error,.label{@apply text-xs text-red-500 mt-1}.option-btn{@apply w-full flex items-center gap-4 p-4 rounded-xl
           border-2 border-slate-200 bg-white text-left
           font-body text-base text-navy
           transition-all duration-150 ease-out
           hover:border-teal-300 hover:bg-teal-50
           cursor-pointer select-none;min-height:var(--option-height)}.likert-option,.likert-option-selected,.option-btn-selected,.option-btn-selected .option-indicator,.option-indicator{@apply border-teal bg-teal-50}.progress-ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:var(--color-surface-2);stroke-width:6}.progress-ring-fill{fill:none;stroke:var(--color-teal);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.module-badge,.module-badge-active,.module-badge-done,.module-badge-pending,.score-bar-container,.score-bar-track{@apply flex-1 h-2 rounded-full bg-slate-200 overflow-hidden}.score-bar-fill{@apply h-full rounded-full transition-all duration-700 ease-out;background:linear-gradient(90deg,var(--color-teal) 0,var(--color-amber) 100%)}.content-container,.lang-pill,.page-container,.toast,.toast-error,.toast-info,.toast-success{@apply max-w-4xl mx-auto px-4 sm:px-6 py-8}.assessment-container{max-width:var(--assessment-max-width);@apply mx-auto px-4 py-6}}@layer utilities{.text-balance{text-wrap:balance}.gradient-navy{background:linear-gradient(135deg,#1a2b4a,#2a3e6a)}.gradient-teal{background:linear-gradient(135deg,#1d9e75,#25c48f)}.gradient-hero{background:linear-gradient(160deg,#1a2b4a,#1d4a6a 60%,#1d9e75)}.skeleton{@apply bg-slate-200 animate-pulse rounded-lg}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.progress-ring-fill{transition:none}}@media print{.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}