:root{--color-primary:#0f766e;--color-primary-hover:#0d9488;--color-primary-active:#115e59;--color-secondary:#475569;--color-accent:#3b82f6;--color-background:#f8f8f8;--color-background-subtle:#f1f5f9;--color-surface:#ffffff;--color-surface-raised:#ffffff;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#94a3b8;--color-text-inverse:#ffffff;--color-text-error:#dc2626;--color-text-link:#3b82f6;--color-text-link-hover:#2563eb;--color-border-default:#cbd5e1;--color-border-subtle:#e2e8f0;--color-border-strong:#0f766e;--color-divider:#e2e8f0;--color-grey-50:#fafafa;--color-grey-100:#f8f8f8;--color-grey-200:#e8e8e8;--color-grey-300:#dcdcdc;--color-grey-400:#c8c8c8;--color-grey-500:#94a3b8;--color-grey-600:#64748b;--color-grey-700:#475569;--color-grey-800:#383838;--color-grey-900:#0f172a;--color-success:#3b82f6;--color-success-background:#eff6ff;--color-error:#dc2626;--color-error-background:#fef2f2;--color-warning:#f59e0b;--color-warning-background:#fffbeb;--color-info:#3b82f6;--color-info-background:#eff6ff;--color-quiz-correct:#3b82f6;--color-quiz-wrong:#ef4444;--color-quiz-selection-ring:#f97316;--color-cta:#27272a;--color-cta-hover:#3f3f46;--color-action:#3b82f6;--color-action-hover:#2563eb;--color-disabled-fill:#e5e7eb;--color-disabled-text:#ffffff;--color-dialogue-surface:#404040;--color-dialogue-bubble:#3c3c3c;--color-dialogue-input-bar:#686868;--color-gamification-points:#eab308;--color-gamification-diamond:#3b82f6;--color-nav-active-highlight:#eab308;--color-partner-eduplaces-purple:#9055c1;--color-partner-eduplaces-button:#5111c7;--color-partner-eduplaces-hover:#bee4fe;--color-partner-sso-navy:#4a4c69;--color-overlay-scrim:rgba(15,23,42,0.5);--color-progress-ring:#3b82f6;--color-progress-track:#e8e8e8;--color-marketing-hero-field:#0f766e;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:#0f766e;--focus-ring-color-error:#dc2626;--focus-ring-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);--font-family-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-family-mono:ui-monospace,"Cascadia Code","Source Code Pro",monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--letter-spacing-tight:-0.01em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--text-page-title-size:var(--font-size-2xl);--text-page-title-weight:var(--font-weight-bold);--text-section-title-size:var(--font-size-lg);--text-body-size:var(--font-size-base);--text-caption-size:var(--font-size-xs);--text-label-size:var(--font-size-sm);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--header-height:56px;--sidebar-width:240px;--sidebar-width-collapsed:64px;--content-max-width:1200px;--auth-column-max-width:480px;--modal-width-sm:400px;--modal-width-md:480px;--modal-width-lg:560px;--bottom-nav-height:64px;--radius-none:0;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 4px 12px rgba(15,23,42,0.12);--shadow-lg:0 8px 24px rgba(15,23,42,0.16);--border-width-default:1px;--border-width-strong:2px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-fab:40px;--icon-stroke-width:1.5;--button-height-sm:36px;--button-height-md:44px;--button-height-lg:48px;--button-padding-x-md:24px;--button-radius:var(--radius-full);--button-primary-bg:var(--color-primary);--button-primary-bg-hover:var(--color-primary-hover);--button-primary-text:var(--color-text-inverse);--button-secondary-bg:var(--color-surface);--button-secondary-bg-hover:var(--color-background-subtle);--button-secondary-border:#0f172a;--button-secondary-text:#0f172a;--button-ghost-hover-bg:var(--color-background-subtle);--button-partner-eduplaces-bg:var(--color-partner-eduplaces-button);--button-partner-eduplaces-bg-hover:var(--color-partner-eduplaces-hover);--button-cta-bg:var(--color-cta);--button-cta-bg-hover:var(--color-cta-hover);--button-cta-text:var(--color-text-inverse);--button-action-bg:var(--color-action);--button-action-bg-hover:var(--color-action-hover);--button-disabled-bg:var(--color-disabled-fill);--button-disabled-text:var(--color-disabled-text);--button-sso-bg:var(--color-grey-900);--button-sso-text:var(--color-text-inverse);--input-height:44px;--input-height-lg:48px;--input-radius:var(--radius-md);--input-border-color:var(--color-border-default);--input-border-color-focus:var(--color-border-strong);--input-border-color-error:var(--color-error);--input-background:var(--color-surface);--input-placeholder-color:var(--color-text-tertiary);--input-error-text-color:var(--color-text-error);--toast-width:360px;--toast-radius:var(--radius-md);--toast-padding:12px 16px;--toast-position-top:16px;--toast-position-right:16px;--toast-shadow:var(--shadow-md);--toast-success-border:var(--color-success);--toast-error-border:var(--color-error);--tooltip-bg:#1e293b;--tooltip-text:#ffffff;--tooltip-radius:var(--radius-sm);--tooltip-padding:6px 10px;--modal-radius:var(--radius-lg);--modal-padding:var(--space-6);--modal-overlay:var(--color-overlay-scrim);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--transition-modal:250ms ease-out}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-normal:0ms;--transition-slow:0ms;--transition-modal:0ms}}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:var(--font-family-sans,system-ui,sans-serif);background:var(--color-background);color:var(--color-text-primary)}