.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:static;width:auto;height:auto;padding:.5rem;margin:0;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast: high){:root{--background: hsl(0, 0%, 100%);--foreground: hsl(0, 0%, 0%);--primary: hsl(216, 100%, 25%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(0, 0%, 85%);--secondary-foreground: hsl(0, 0%, 15%);--border: hsl(0, 0%, 20%);--input: hsl(0, 0%, 90%);--ring: hsl(216, 100%, 50%)}.dark{--background: hsl(0, 0%, 0%);--foreground: hsl(0, 0%, 100%);--primary: hsl(120, 100%, 40%);--primary-foreground: hsl(0, 0%, 0%);--secondary: hsl(0, 0%, 20%);--secondary-foreground: hsl(0, 0%, 90%);--border: hsl(0, 0%, 80%);--input: hsl(0, 0%, 15%);--ring: hsl(120, 100%, 60%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-spin,.animate-pulse,.animate-bounce{animation:none!important}}:focus{outline:2px solid hsl(var(--primary));outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;box-shadow:0 0 0 4px hsla(var(--primary),.2)}button:focus-visible,[role=button]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;box-shadow:0 0 0 4px hsla(var(--primary),.2);position:relative;z-index:10}.skip-link{position:absolute;top:-40px;left:6px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:600;z-index:100;transition:top .3s}.skip-link:focus{top:6px}:root{--text-high-contrast: hsl(220, 9%, 5%);--text-medium-contrast: hsl(220, 9%, 15%);--text-low-contrast: hsl(220, 9%, 35%);--success-high: hsl(120, 70%, 20%);--warning-high: hsl(40, 100%, 25%);--destructive-high: hsl(0, 84%, 25%);--min-touch-target: 44px}.dark{--text-high-contrast: hsl(210, 40%, 95%);--text-medium-contrast: hsl(210, 40%, 85%);--text-low-contrast: hsl(210, 40%, 65%);--success-high: hsl(120, 70%, 80%);--warning-high: hsl(40, 100%, 75%);--destructive-high: hsl(0, 84%, 80%)}button,[role=button],a,input,select,textarea,[tabindex]:not([tabindex="-1"]){min-height:var(--min-touch-target);min-width:var(--min-touch-target)}a:not(.button),button.icon-only{min-height:auto;min-width:auto;padding:.5rem}.keyboard-navigation:focus-within{outline:2px dashed hsl(var(--primary));outline-offset:4px}.loading-state{position:relative}.loading-state:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(var(--background),.8);display:flex;align-items:center;justify-content:center}.loading-state[aria-busy=true]:after{content:"Loading...";font-weight:600;color:hsl(var(--foreground))}.error-state{border:2px solid hsl(var(--destructive-high));border-radius:4px;padding:1rem;background:hsla(var(--destructive),.1)}.error-text{color:hsl(var(--destructive-high));font-weight:600}.success-state{border:2px solid hsl(var(--success-high));border-radius:4px;padding:1rem;background:hsla(var(--success),.1)}.success-text{color:hsl(var(--success-high));font-weight:600}.chart-element{stroke-width:2px;opacity:.9}.chart-element:focus{stroke-width:4px;opacity:1;outline:2px solid hsl(var(--primary))}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:hsl(var(--text-high-contrast))}.form-input{width:100%;padding:.75rem;border:2px solid hsl(var(--border));border-radius:4px;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:hsl(var(--primary));outline:none;box-shadow:0 0 0 2px hsla(var(--primary),.2)}.form-input:invalid{border-color:hsl(var(--destructive-high))}.form-input[aria-describedby]+.form-description{margin-top:.25rem;font-size:.875rem;color:hsl(var(--text-medium-contrast))}.form-error{margin-top:.25rem;font-size:.875rem;color:hsl(var(--destructive-high));font-weight:600}.accessible-table{border-collapse:collapse;width:100%}.accessible-table th,.accessible-table td{border:1px solid hsl(var(--border));padding:.75rem;text-align:left}.accessible-table th{background:hsl(var(--secondary));font-weight:600;color:hsl(var(--text-high-contrast))}.accessible-table tr:nth-child(2n){background:hsla(var(--secondary),.3)}.accessible-table tr:focus-within{background:hsla(var(--primary),.1);outline:2px solid hsl(var(--primary))}.sr-only[aria-live]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media print{.no-print{display:none!important}a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}a[href^="#"]:after{content:""}}@tailwind base;@tailwind components;@tailwind utilities;:root{--bottom-nav-height: 60px;--brand-teal: #00D2C3;--brand-ocean: #00B8A9;--brand-aqua: #8EF3E6;--brand-yellow: #FFD600;--brand-orange: #FF8A00;--brand-pink: #FF4DA6;--brand-navy: #0B1A3F;--brand-navy-deep: #050B1F;--eiq-brand-gradient: linear-gradient(100deg, #00D2C3 0%, #00B8A9 22%, #8EF3E6 44%, #FFD600 62%, #FF8A00 80%, #FF4DA6 100%);--background: hsl(0, 0%, 98%);--foreground: hsl(142, 71%, 20%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(142, 71%, 20%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(142, 71%, 20%);--primary: hsl(142, 71%, 45%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(142, 60%, 95%);--secondary-foreground: hsl(142, 71%, 20%);--muted: hsl(142, 60%, 95%);--muted-foreground: hsl(142, 71%, 35%);--accent: hsl(142, 71%, 45%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(142, 30%, 85%);--input: hsl(0, 0%, 100%);--ring: hsl(142, 71%, 45%);--radius: .5rem}.light{--background: hsl(210, 40%, 98%);--foreground: hsl(222, 47%, 11%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(222, 47%, 11%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(222, 47%, 11%);--primary: hsl(142, 71%, 45%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(215, 20%, 65%);--secondary-foreground: hsl(222, 47%, 11%);--muted: hsl(210, 40%, 96%);--muted-foreground: hsl(215, 16%, 47%);--accent: hsl(217, 91%, 60%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(214, 32%, 91%);--input: hsl(214, 32%, 91%);--ring: hsl(142, 71%, 45%)}.dark{--background: hsl(0, 0%, 0%);--foreground: hsl(0, 0%, 100%);--card: hsl(0, 0%, 5%);--card-foreground: hsl(0, 0%, 100%);--popover: hsl(0, 0%, 0%);--popover-foreground: hsl(0, 0%, 100%);--primary: hsl(120, 60%, 50%);--primary-foreground: hsl(0, 0%, 0%);--secondary: hsl(0, 0%, 8%);--secondary-foreground: hsl(0, 0%, 100%);--muted: hsl(0, 0%, 10%);--muted-foreground: hsl(0, 0%, 65%);--accent: hsl(210, 100%, 60%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(0, 0%, 15%);--input: hsl(0, 0%, 10%);--ring: hsl(120, 60%, 50%);--chart-1: hsl(0, 0%, 90%);--chart-2: hsl(0, 0%, 80%);--chart-3: hsl(0, 0%, 70%);--chart-4: hsl(0, 0%, 60%);--chart-5: hsl(0, 0%, 50%);--sidebar: hsl(0, 0%, 5%);--sidebar-foreground: hsl(0, 0%, 100%);--sidebar-primary: hsl(0, 0%, 100%);--sidebar-primary-foreground: hsl(0, 0%, 0%);--sidebar-accent: hsl(0, 0%, 10%);--sidebar-accent-foreground: hsl(0, 0%, 100%);--sidebar-border: hsl(0, 0%, 15%);--sidebar-ring: hsl(0, 0%, 100%);--font-sans: "Inter", system-ui, sans-serif;--font-serif: Georgia, serif;--font-mono: "JetBrains Mono", monospace;--radius: .75rem}.dark{--background: hsl(0, 0%, 0%);--foreground: hsl(0, 0%, 100%);--card: hsl(0, 0%, 5%);--card-foreground: hsl(0, 0%, 100%);--popover: hsl(0, 0%, 0%);--popover-foreground: hsl(0, 0%, 100%);--primary: hsl(0, 0%, 100%);--primary-foreground: hsl(0, 0%, 0%);--secondary: hsl(0, 0%, 8%);--secondary-foreground: hsl(0, 0%, 100%);--muted: hsl(0, 0%, 10%);--muted-foreground: hsl(0, 0%, 65%);--accent: hsl(0, 0%, 15%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 0%, 50%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(0, 0%, 15%);--input: hsl(0, 0%, 10%);--ring: hsl(0, 0%, 100%);--sidebar: hsl(0, 0%, 5%);--sidebar-foreground: hsl(0, 0%, 100%);--sidebar-primary: hsl(0, 0%, 100%);--sidebar-primary-foreground: hsl(0, 0%, 0%);--sidebar-accent: hsl(0, 0%, 10%);--sidebar-accent-foreground: hsl(0, 0%, 100%);--sidebar-border: hsl(0, 0%, 15%);--sidebar-ring: hsl(0, 0%, 100%)}@layer base{*{@apply border-border;}body{@apply font-sans antialiased bg-background text-foreground;font-family:var(--font-sans)}html{scroll-behavior:smooth}}@layer utilities{.eiq-gradient{background:var(--eiq-brand-gradient)}.glass-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.assessment-card{@apply bg-card border border-border rounded-lg p-4 hover:border-primary transition-colors;}.progress-bar{@apply bg-muted rounded-full h-2 overflow-hidden;}.progress-fill{@apply h-full rounded-full transition-all duration-300 ease-in-out;}.modern-card{@apply bg-card/50 backdrop-blur-sm border border-border/50 rounded-xl transition-all duration-200;}.modern-card:hover{@apply border-white/20 bg-card/80;}}@media (max-width: 600px){.submit-btn,button[type=submit],.btn-primary,.btn-secondary{width:100%!important;height:50px!important;font-size:1.2rem!important;min-height:44px;border-radius:8px;font-weight:600}body{touch-action:manipulation;-webkit-text-size-adjust:100%}.nav-item{min-height:48px;padding:12px 16px;font-size:1.1rem}input,select,textarea{min-height:44px;font-size:16px;padding:12px 16px;border-radius:8px}.card{margin:8px;padding:16px;border-radius:12px}.competition-card{margin-bottom:16px;padding:20px;touch-action:manipulation}.question-container{padding:16px;font-size:1.1rem;line-height:1.6}.answer-option{min-height:50px;padding:16px;margin:8px 0;font-size:1.05rem;border-radius:8px;touch-action:manipulation}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding-left:16px;padding-right:16px}.modal,.dialog{margin:16px;border-radius:12px;max-width:calc(100vw - 32px)}}@media (max-width: 768px){button,a,input[type=button],input[type=submit],.clickable{min-height:44px;min-width:44px}input,textarea,select{font-size:16px;padding:12px}body{-webkit-overflow-scrolling:touch}.container{padding:1rem}.flex-row{flex-direction:column}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (min-width: 601px) and (max-width: 1024px){.submit-btn{max-width:300px;height:48px;font-size:1.1rem}.competition-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (pointer: coarse){button,[role=button],a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.answer-option:hover{background-color:hsl(var(--primary) / .1);border-color:hsl(var(--primary));transform:none}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card,.modal{box-shadow:0 2px 8px hsla(var(--foreground) / .1)}img,svg{image-rendering:-webkit-optimize-contrast}}@media (max-width: 812px) and (orientation: landscape){.assessment-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-height:100vh}.question-section{grid-column:1}.answers-section{grid-column:2}.mobile-header{height:56px;padding:8px 16px}}@supports (-webkit-touch-callout: none){.full-height{height:-webkit-fill-available}input[type=text],input[type=email],input[type=password],select,textarea{font-size:16px}.safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}}@media (display-mode: standalone),(display-mode: window-controls-overlay){html,body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}header,nav,[role=navigation],button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}}html.reduce-animations *,html.reduce-animations *:before,html.reduce-animations *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.low-bandwidth img:not([alt~=logo]):not([data-essential]){display:none!important}html.low-bandwidth video,html.low-bandwidth [data-decorative]{display:none!important}html.low-bandwidth *,html.low-bandwidth *:before,html.low-bandwidth *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
