:root{--palette-navy-50:#eff3f9;--palette-navy-100:#d6dfeb;--palette-navy-200:#a8bad1;--palette-navy-300:#7a95b7;--palette-navy-400:#4c709d;--palette-navy-500:#2a4d7a;--palette-navy-600:#1e3a5f;--palette-navy-700:#142a45;--palette-navy-800:#0c1e33;--palette-navy-900:#06121f;--palette-teal-50:#e6f7f5;--palette-teal-100:#b3e7e1;--palette-teal-200:#80d7cd;--palette-teal-300:#4dc7b9;--palette-teal-400:#14b8a6;--palette-teal-500:#0d9488;--palette-teal-600:#0f766e;--palette-teal-700:#0a5f58;--palette-teal-800:#074842;--palette-teal-900:#04302c;--palette-orange-50:#fff4ed;--palette-orange-100:#ffe3cc;--palette-orange-300:#fb923c;--palette-orange-500:#f97316;--palette-orange-700:#ea580c;--palette-emerald-50:#ecfdf5;--palette-emerald-400:#34d399;--palette-emerald-500:#10b981;--palette-emerald-600:#059669;--palette-emerald-700:#047857;--palette-green-50:#dcfce7;--palette-green-500:#22c55e;--palette-green-600:#16a34a;--palette-green-900:#166534;--palette-amber-50:#fef3c7;--palette-amber-400:#fbbf24;--palette-amber-500:#f59e0b;--palette-amber-700:#d97706;--palette-amber-900:#92400e;--palette-red-50:#fee2e2;--palette-red-300:#f87171;--palette-red-500:#ef4444;--palette-red-600:#dc2626;--palette-red-900:#991b1b;--palette-blue-500:#0077b6;--palette-slate-50:#f8fafc;--palette-slate-100:#f1f5f9;--palette-slate-200:#e2e8f0;--palette-slate-300:#cbd5e1;--palette-slate-400:#94a3b8;--palette-slate-500:#64748b;--palette-slate-600:#475569;--palette-slate-700:#334155;--palette-slate-800:#1e293b;--palette-slate-900:#0f172a;--palette-gray-0:#fff;--palette-gray-50:#f9fafb;--palette-gray-100:#f3f4f6;--palette-gray-200:#e5e7eb;--palette-gray-300:#d1d5db;--palette-gray-400:#9ca3af;--palette-gray-500:#6b7280;--palette-gray-600:#4b5563;--palette-gray-700:#374151;--palette-gray-800:#1f2937;--palette-gray-900:#111827;--palette-gray-950:#0b1220;--palette-surface-soft:#f7f8fc;--palette-surface-muted:#f1f3f9;--palette-dark-900:#1a1a2e;--palette-dark-800:#16213e;--space-0:0;--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;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--padding-button-sm:8px 12px;--padding-button-md:10px 16px;--padding-button-lg:12px 24px;--padding-card:24px;--padding-card-lg:32px;--padding-input:10px 14px;--gap-stack-tight:8px;--gap-stack-default:16px;--gap-stack-loose:24px;--gap-inline:12px;--radius-xs:4px;--radius-sm:6px;--radius-3xl:28px;--radius-button:var(--radius-md);--radius-input:var(--radius-md);--radius-card:var(--radius-lg);--radius-modal:var(--radius-xl);--radius-pill:var(--radius-full);--shadow-none:none;--shadow-1:0 1px 2px #0000000a,0 1px 3px #0000000f;--shadow-2:0 2px 4px #0f172a0d,0 4px 12px #0f172a0f;--shadow-3:0 4px 8px #0f172a0f,0 10px 24px #0f172a14;--shadow-4:0 10px 20px #0f172a1a,0 20px 40px #0f172a14;--shadow-5:0 25px 50px -12px #0f172a40;--shadow-inset:inset 0 2px 4px #0000000d;--shadow-focus-width:3px;--shadow-focus:0 0 0 var(--shadow-focus-width) var(--brand-focus-ring);--duration-instant:0ms;--duration-fast:120ms;--duration-normal:180ms;--duration-slow:280ms;--duration-slower:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0.0,1.0,1.0);--ease-out:cubic-bezier(0.0,0.0,0.2,1.0);--ease-in-out:cubic-bezier(0.4,0.0,0.2,1.0);--ease-spring:cubic-bezier(0.2,0.0,0.2,1.0);--transition-color:color var(--duration-normal) var(--ease-spring),background-color var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-spring);--transition-transform:transform var(--duration-normal) var(--ease-spring);--transition-opacity:opacity var(--duration-normal) var(--ease-spring);--transition-shadow:box-shadow var(--duration-normal) var(--ease-spring);--transition-all:all var(--duration-normal) var(--ease-spring)}@keyframes ds-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ds-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--container-xs:480px;--container-2xl:1440px;--content-narrow:640px;--content-default:1040px;--content-wide:1280px;--touch-min:44px;--touch-comfortable:48px;--touch-large:56px;--header-height:60px;--header-height-mobile:56px;--footer-height:76px;--exam-footer-height:76px;--z-below:-1;--z-base:0;--z-above:1;--z-sticky:100;--z-dropdown:200;--z-security:9999;--surface-page:#f1f5f9;--surface-default:var(--palette-gray-0);--surface-subtle:var(--palette-gray-50);--surface-muted:var(--palette-surface-muted);--surface-inverse:var(--palette-gray-900);--surface-overlay:#0f172a80;--text-heading:var(--palette-slate-900);--text-default:var(--palette-slate-800);--text-muted:var(--palette-slate-500);--text-subtle:var(--palette-slate-400);--text-disabled:var(--palette-slate-300);--text-inverse:var(--palette-gray-0);--text-link:var(--brand-primary);--text-link-hover:var(--brand-primary-hover);--border-subtle:var(--palette-gray-200);--border-default:var(--palette-slate-300);--border-strong:var(--palette-slate-400);--border-focus:var(--brand-primary);--status-success-bg:var(--palette-green-50);--status-success-text:var(--palette-green-900);--status-success-icon:var(--palette-green-500);--status-warning-bg:var(--palette-amber-50);--status-warning-text:var(--palette-amber-900);--status-warning-icon:var(--palette-amber-500);--status-danger-bg:var(--palette-red-50);--status-danger-text:var(--palette-red-900);--status-danger-icon:var(--palette-red-500);--status-info-bg:var(--palette-teal-50);--status-info-text:var(--palette-teal-700);--status-info-icon:var(--palette-blue-500);--brand-primary:var(--palette-navy-600);--brand-primary-hover:var(--palette-navy-500);--brand-primary-active:var(--palette-navy-700);--brand-primary-soft:var(--palette-navy-50);--brand-primary-contrast:var(--palette-gray-0);--brand-focus-ring:#1e3a5f47;--brand-accent:var(--palette-teal-500);--brand-accent-hover:var(--palette-teal-600);--brand-accent-soft:var(--palette-teal-50);--brand-accent-contrast:var(--palette-gray-0);--brand-cta:var(--palette-orange-500);--brand-cta-hover:var(--palette-orange-700);--brand-cta-contrast:var(--palette-gray-0)}:root[data-portal=docent],[data-portal=docent]{--brand-primary:var(--palette-navy-600);--brand-primary-hover:var(--palette-navy-500);--brand-primary-active:var(--palette-navy-700);--brand-primary-soft:var(--palette-navy-50);--brand-primary-contrast:var(--palette-gray-0);--brand-focus-ring:#1e3a5f47;--brand-accent:var(--palette-teal-500);--brand-accent-hover:var(--palette-teal-600);--brand-accent-soft:var(--palette-teal-50)}:root[data-portal=leerling],[data-portal=leerling]{--brand-primary:var(--palette-teal-500);--brand-primary-hover:var(--palette-teal-600);--brand-primary-active:var(--palette-teal-700);--brand-primary-soft:var(--palette-teal-50);--brand-primary-contrast:var(--palette-gray-0);--brand-focus-ring:#0d948847;--brand-accent:var(--palette-navy-600);--brand-accent-hover:var(--palette-navy-500);--brand-accent-soft:var(--palette-navy-50)}:root[data-portal=public],[data-portal=public]{--brand-primary:var(--palette-navy-600);--brand-primary-hover:var(--palette-navy-500);--brand-primary-active:var(--palette-navy-700);--brand-primary-soft:var(--palette-navy-50);--brand-primary-contrast:var(--palette-gray-0);--brand-focus-ring:#1e3a5f47;--brand-accent:var(--palette-teal-500);--brand-accent-hover:var(--palette-teal-600);--brand-accent-soft:var(--palette-teal-50)}[data-theme=dark]{--surface-page:var(--palette-dark-900);--surface-default:#ffffff0d;--surface-subtle:#ffffff08;--surface-muted:#ffffff05;--surface-inverse:var(--palette-gray-0);--surface-overlay:#000000b3;--surface-gradient:linear-gradient(135deg,var(--palette-dark-900) 0%,var(--palette-dark-800) 100%);--text-heading:var(--palette-gray-0);--text-default:#ffffffe6;--text-muted:#fff9;--text-subtle:#fff6;--text-disabled:#ffffff40;--text-inverse:var(--palette-gray-900);--border-subtle:#ffffff14;--border-default:#ffffff26;--border-strong:#ffffff40;--status-success-bg:#22c55e26;--status-success-text:var(--palette-green-500);--status-warning-bg:#f59e0b26;--status-warning-text:var(--palette-amber-400);--status-danger-bg:#ef444426;--status-danger-text:var(--palette-red-300);--status-info-bg:#0d948826;--status-info-text:var(--palette-teal-400)}[data-theme=dark] .ds-glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-lg)}[data-theme=dark] .ds-modal{background:#1e293b;border:1px solid #ffffff26}[data-theme=high-contrast]{--surface-page:#fff;--surface-default:#fff;--surface-subtle:#fff;--surface-muted:#f0f0f0;--surface-inverse:#000;--surface-overlay:#000c;--text-heading:#000;--text-default:#000;--text-muted:#1a1a1a;--text-subtle:#333;--text-disabled:#666;--text-inverse:#fff;--border-subtle:#000;--border-default:#000;--border-strong:#000;--border-focus:#00f;--brand-primary:#00f;--brand-primary-hover:navy;--brand-primary-active:#000060;--brand-primary-soft:#fff;--brand-primary-contrast:#fff;--brand-focus-ring:#00f6;--brand-accent:green;--brand-accent-hover:#006000;--brand-cta:#ff8c00;--brand-cta-hover:#cc7000;--status-success-bg:#fff;--status-success-text:green;--status-success-icon:green;--status-warning-bg:#fff;--status-warning-text:#ff8c00;--status-warning-icon:#ff8c00;--status-danger-bg:#fff;--status-danger-text:red;--status-danger-icon:red;--status-info-bg:#fff;--status-info-text:#00f;--status-info-icon:#00f;--border-width-high-contrast:3px}[data-theme=high-contrast] *{--shadow-focus-width:4px}[data-theme=high-contrast] button,[data-theme=high-contrast] input,[data-theme=high-contrast] select,[data-theme=high-contrast] textarea{border:var(--border-width-high-contrast) solid var(--border-default)!important}[data-theme=high-contrast] a{text-decoration:underline!important}:root{--primary:var(--brand-primary);--primary-hover:var(--brand-primary-hover);--primary-active:var(--brand-primary-active);--primary-soft:var(--brand-primary-soft);--primary-ring:var(--brand-focus-ring);--submit:var(--palette-emerald-500);--submit-hover:var(--palette-emerald-600);--success:var(--palette-emerald-700);--warning-soft:var(--palette-amber-400);--warning:var(--palette-orange-500);--danger:var(--palette-red-600);--secure:var(--palette-amber-900);--secure-bg:var(--palette-amber-50);--type-toets-bg:var(--palette-slate-100);--type-toets-fg:var(--palette-slate-800);--type-comm-bg:var(--palette-emerald-50);--type-comm-fg:var(--palette-teal-700);--type-comm-soft:#0d94881a;--surface-card:var(--surface-default);--surface-sunken:#eef1f7;--text-on-primary:var(--brand-primary-contrast);--border-default:var(--border-subtle);--r-card:var(--radius-card);--r-btn:var(--radius-button);--r-sm:var(--radius-sm);--r-pill:var(--radius-pill);--ease:var(--motion-ease-standard,cubic-bezier(0.2,0,0.2,1));--dur:var(--motion-duration-md,180ms);--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--font-dyslexia:"OpenDyslexic","Lexie Readable","Comic Sans MS","Trebuchet MS",sans-serif;--text-micro:12px;--text-small:13px;--text-ui:15px;--text-body:17px;--text-h2:18px;--text-h1:22px;--text-display:28px;--text-2xs:11px;--text-md:17px;--text-5xl:48px;--text-6xl:60px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-none:1;--leading-snug:1.375;--leading-body:1.55;--leading-relaxed:1.625;--leading-loose:1.7;--leading-extra:2;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-dyslexia:0.05em;--paragraph-gap:1em}body{font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-family:var(--font-sans);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;margin:0}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px;font-weight:700;font-weight:var(--font-weight-bold)}.ds-btn{align-items:center;background:var(--surface-default);border:1px solid #0000;border-radius:var(--radius-button);color:var(--text-default);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:15px;font-weight:var(--font-weight-medium);gap:var(--space-2);height:var(--touch-min);justify-content:center;letter-spacing:var(--tracking-normal);line-height:1;min-width:-webkit-max-content;min-width:max-content;padding:0 18px;transition:background-color var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) var(--ease-spring),color var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-spring),transform 80ms var(--ease-spring);-webkit-user-select:none;user-select:none;white-space:nowrap}.ds-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ds-btn:active:not(:disabled){transform:scale(.98)}.ds-btn:disabled,.ds-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.ds-btn--sm{border-radius:var(--radius-sm);font-size:var(--text-sm);height:36px;padding:0 14px}.ds-btn--lg{border-radius:var(--radius-lg);font-size:var(--text-base);height:var(--touch-large);padding:0 28px}.ds-btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-primary-contrast)}.ds-btn--primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.ds-btn--submit{background:var(--palette-emerald-500);border-color:var(--palette-emerald-500);color:#fff}.ds-btn--submit:hover:not(:disabled){background:var(--palette-emerald-600);border-color:var(--palette-emerald-600)}.ds-btn--secondary{background:var(--surface-default);border-color:var(--border-subtle);color:var(--text-default)}.ds-btn--secondary:hover:not(:disabled){background:var(--surface-page);border-color:var(--border-default)}.ds-btn--accent{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-accent-contrast)}.ds-btn--accent:hover:not(:disabled){background:var(--brand-accent-hover);border-color:var(--brand-accent-hover)}.ds-btn--cta{background:var(--brand-cta);border-color:var(--brand-cta);color:var(--brand-cta-contrast)}.ds-btn--cta:hover:not(:disabled){background:var(--brand-cta-hover);border-color:var(--brand-cta-hover)}.ds-btn--ghost{background:#0000;border-color:#0000;color:var(--brand-primary-hover)}.ds-btn--ghost:hover:not(:disabled){background:var(--brand-primary-soft)}.ds-btn--danger{background:var(--status-danger-icon);border-color:var(--status-danger-icon);color:#fff}.ds-btn--danger:hover:not(:disabled){background:var(--palette-red-600);border-color:var(--palette-red-600)}.ds-btn--icon{padding:0;width:var(--touch-min)}.ds-btn--icon.ds-btn--sm{width:36px}.ds-btn--icon.ds-btn--lg{width:var(--touch-large)}.ds-btn--block{min-width:0;width:100%}.ds-card{background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--padding-card);transition:var(--transition-shadow),var(--transition-transform)}.ds-card--flat{box-shadow:none}.ds-card--raised{box-shadow:var(--shadow-2)}.ds-card--interactive{cursor:pointer}.ds-card--interactive:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.ds-card--interactive:focus-visible{box-shadow:var(--shadow-focus),var(--shadow-2);outline:none}.ds-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.ds-card__title{color:var(--text-heading);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0}.ds-card__body{color:var(--text-default)}.ds-card__footer{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4)}.ds-field{display:flex;flex-direction:column;gap:var(--space-2)}.ds-label{color:var(--text-default);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.ds-label--required:after{color:var(--status-danger-icon);content:" *"}.ds-input,.ds-select,.ds-textarea{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-input);color:var(--text-default);font-family:var(--font-sans);font-size:var(--text-base);min-height:var(--touch-min);padding:var(--padding-input);transition:var(--transition-color),var(--transition-shadow);width:100%}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--text-subtle)}.ds-input:hover:not(:disabled),.ds-select:hover:not(:disabled),.ds-textarea:hover:not(:disabled){border-color:var(--border-strong)}.ds-input:focus-visible,.ds-select:focus-visible,.ds-textarea:focus-visible{border-color:var(--brand-primary);box-shadow:var(--shadow-focus);outline:none}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{background:var(--surface-muted);color:var(--text-disabled);cursor:not-allowed}.ds-textarea{line-height:var(--leading-normal);min-height:96px;resize:vertical}.ds-input--error,.ds-select--error,.ds-textarea--error{border-color:var(--status-danger-icon)}.ds-input--error:focus-visible,.ds-select--error:focus-visible,.ds-textarea--error:focus-visible{box-shadow:0 0 0 var(--shadow-focus-width) #ef444447}.ds-help-text{color:var(--text-muted);font-size:var(--text-xs)}.ds-error-text{color:var(--status-danger-text);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.ds-modal-backdrop{align-items:center;animation:ds-fade-in var(--duration-normal) var(--ease-out);background:var(--surface-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal-backdrop)}.ds-modal{animation:ds-scale-in var(--duration-normal) var(--ease-spring);background:var(--surface-default);border-radius:var(--radius-modal);box-shadow:var(--shadow-4);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-8));max-width:560px;overflow:hidden;width:100%;z-index:var(--z-modal)}.ds-modal--sm{max-width:400px}.ds-modal--md{max-width:560px}.ds-modal--lg{max-width:720px}.ds-modal--xl{max-width:960px}.ds-modal__header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4)}.ds-modal__title{color:var(--text-heading);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0}.ds-modal__close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2)}.ds-modal__close:hover{background:var(--surface-muted);color:var(--text-default)}.ds-modal__body{color:var(--text-default);overflow-y:auto;padding:var(--space-6)}.ds-modal__footer{background:var(--surface-subtle);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.ds-badge{align-items:center;background:var(--surface-muted);border-radius:var(--radius-xs);color:var(--text-default);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);letter-spacing:var(--tracking-wide);line-height:1.4;padding:2px var(--space-2);white-space:nowrap}.ds-badge--pill{border-radius:var(--radius-pill);padding:4px var(--space-3)}.ds-badge--primary{background:var(--brand-primary-soft);color:var(--brand-primary)}.ds-badge--accent{background:var(--brand-accent-soft);color:var(--brand-accent)}.ds-badge--success{background:var(--status-success-bg);color:var(--status-success-text)}.ds-badge--warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.ds-badge--danger{background:var(--status-danger-bg);color:var(--status-danger-text)}.ds-badge--info{background:var(--status-info-bg);color:var(--status-info-text)}.ds-badge--solid-primary{background:var(--brand-primary);color:var(--brand-primary-contrast)}.ds-badge--solid-danger{background:var(--status-danger-icon);color:var(--palette-gray-0)}.ds-badge--secure{background:#f59e0b1f;color:var(--palette-amber-700);font-size:var(--text-small);font-weight:var(--font-weight-medium);height:28px;padding:0 var(--space-3)}.ds-timer{font-feature-settings:"tnum";align-items:center;display:inline-flex;font-family:var(--font-mono);font-size:var(--text-body);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);gap:var(--space-2);letter-spacing:-.02em;line-height:1}.ds-timer,.ds-timer[data-state=normal]{color:var(--text-default)}.ds-timer[data-state=warning-soft]{color:var(--palette-amber-400)}.ds-timer[data-state=warning]{color:var(--palette-orange-500)}.ds-timer[data-state=danger]{animation:ds-timer-pulse 1s var(--ease-in-out) infinite;color:var(--palette-red-500)}@keyframes ds-timer-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.ds-timer[data-state=danger]{animation:none}}body.a11y-font-large{font-size:120%!important}body.a11y-font-xlarge{font-size:150%!important}body.a11y-font-large .question-text,body.a11y-font-large .vraag-text p{font-size:1.25em!important}body.a11y-font-xlarge .question-text,body.a11y-font-xlarge .vraag-text p{font-size:1.5em!important}body.a11y-font-large .mc-option,body.a11y-font-xlarge .mc-option{min-height:var(--touch-large)!important;padding:var(--space-5)!important}body.a11y-font-large .timer,body.a11y-font-xlarge .timer{font-size:1.5em!important;padding:var(--space-3) var(--space-5)!important}body.a11y-line-spacing-extra,body.a11y-line-spacing-extra label,body.a11y-line-spacing-extra li,body.a11y-line-spacing-extra p{line-height:var(--leading-loose)!important}body.a11y-font-dyslexia,body.a11y-font-dyslexia *{font-family:var(--font-dyslexia)!important;letter-spacing:var(--tracking-dyslexia)!important;word-spacing:.1em!important}@supports not (font-family:"OpenDyslexic"){body.a11y-font-dyslexia{font-family:Trebuchet MS,Verdana,sans-serif!important;letter-spacing:.08em!important;word-spacing:.15em!important}}body.a11y-colorblind .correct,body.a11y-colorblind .status-graded{background-color:initial!important;border-left:5px solid #000!important;padding-left:var(--space-3)!important}body.a11y-colorblind .correct:before,body.a11y-colorblind .status-graded:before{content:"✓ "!important;font-weight:var(--font-weight-bold)!important}body.a11y-colorblind .error-message,body.a11y-colorblind .incorrect{background-color:initial!important;border:3px dashed #000!important}body.a11y-colorblind .error-message:before,body.a11y-colorblind .incorrect:before{content:"✗ "!important;font-weight:var(--font-weight-bold)!important}body.a11y-colorblind .timer-warning,body.a11y-colorblind .warning-message{background-color:initial!important;border:3px dotted #000!important}body.a11y-colorblind .warning-message:before{content:"⚠ "!important;font-weight:var(--font-weight-bold)!important}*,:after,:before{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{background:var(--surface-page);color:var(--text-default);margin:0;min-height:100%}[data-theme=dark] body{background:var(--surface-gradient);color:var(--text-default)}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);outline:none}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.ds-skip-link{background:var(--text-heading);border-radius:0 0 var(--radius-sm) 0;color:var(--text-inverse);left:0;padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:-40px;z-index:var(--z-toast)}.ds-skip-link:focus{top:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0077b6;outline-offset:2px}:root{--color-primary:#1e3a5f;--color-primary-light:#2a4d7a;--color-primary-dark:#142a45;--color-primary-hover:#2a4d7a;--color-secondary:#0d9488;--color-secondary-light:#14b8a6;--color-secondary-dark:#0a7a70;--color-secondary-hover:#0a7a70;--color-accent:#f97316;--color-accent-light:#fb923c;--color-accent-dark:#ea580c;--color-accent-hover:#ea580c;--color-success:#22c55e;--color-success-light:#4ade80;--color-success-dark:#16a34a;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-overlay:#00000080;--color-text-primary:#1f2937;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-text-inverse:#fff;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--color-border-focus:#0d9488;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Mono",monospace;--font-dyslexia:"OpenDyslexic","Comic Sans MS","Trebuchet MS",sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px #0000000d;--shadow-focus:0 0 0 3px #0d94884d;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--z-dropdown:100;--z-sticky:200;--z-fixed:500;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--z-toast:1500;--z-a11y-toggle:1500;--z-a11y-panel:2000;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);--gradient-success:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#0d9488;border:3px solid var(--color-gray-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--color-secondary);height:40px;width:40px}.loading-spinner-sm{border-width:2px;height:20px;width:20px}.loading-spinner-lg{border-width:4px;height:56px;width:56px}.loading-container{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;gap:var(--space-md);justify-content:center;padding:48px;padding:var(--space-2xl)}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:8px;margin-bottom:var(--space-xs)}.skeleton-title{height:24px;margin-bottom:12px;margin-bottom:var(--space-sm);width:60%}.skeleton-avatar{border-radius:9999px;border-radius:var(--radius-full);height:40px;width:40px}.skeleton-card{background:#fff;background:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-lg)}.touch-target{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.touch-target-comfortable{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}.focus-visible{outline:none}.focus-visible:focus-visible{outline:3px solid #0d9488;outline:3px solid var(--color-border-focus);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body,html{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}.App{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-bold);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-dark);text-decoration:underline}.container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-lg)}.text-center{text-align:center}button{font-family:inherit}.btn,button{cursor:pointer}.btn{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-xs);justify-content:center;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-normal)}.btn:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);color:var(--color-text-inverse);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-gray-600);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-700)}.btn-accent{background:var(--gradient-accent);color:var(--color-text-inverse)}.btn-accent:hover:not(:disabled){box-shadow:0 6px 20px #f9731666;transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--color-border-medium);color:var(--color-text-secondary)}.btn-outline:hover:not(:disabled){border-color:var(--color-secondary);color:var(--color-secondary)}.btn-ghost{background:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-sm{font-size:var(--text-sm);min-height:36px;padding:var(--space-xs) var(--space-md)}.btn-lg{font-size:var(--text-lg);min-height:var(--touch-target-large);padding:var(--space-md) var(--space-xl)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-loading{color:#0000!important;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:var(--radius-full);border-top-color:initial;content:"";height:20px;position:absolute;width:20px}input,select,textarea{background-color:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #0d948826;outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-light)}.input-lg{font-size:var(--text-lg);min-height:var(--touch-target-comfortable);padding:var(--space-md) var(--space-lg)}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.card-clickable:hover{cursor:pointer;transform:translateY(-2px)}.alert{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md) var(--space-lg)}.alert-error,.error{background-color:var(--color-error-bg);border-left:4px solid var(--color-error);color:var(--color-error-text)}.alert-success,.success{background-color:var(--color-success-bg);border-left:4px solid var(--color-success);color:var(--color-success-text)}.alert-warning,.warning{background-color:var(--color-warning-bg);border-left:4px solid var(--color-warning);color:var(--color-warning-text)}.alert-info,.info{background-color:#e0f2fe;border-left:4px solid #0ea5e9;color:#075985}.loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:200px}.loading:before{animation:spin 1s linear infinite;border:3px solid var(--color-gray-200);border-radius:var(--radius-full);border-top-color:var(--color-secondary);content:"";height:40px;width:40px}.page-loading{align-items:center;animation:fadeIn var(--transition-normal);background:var(--color-bg-primary);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.page-loading .loading-logo{color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-lg)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error-text)}.badge-info{background-color:#dbeafe;color:#1e40af}.tooltip{position:relative}.tooltip:after{background-color:var(--color-gray-800);border-radius:var(--radius-sm);bottom:100%;color:var(--color-text-inverse);content:attr(data-tooltip);font-size:var(--text-xs);left:50%;opacity:0;padding:var(--space-xs) var(--space-sm);position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity var(--transition-fast),visibility var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;visibility:visible}.modal-overlay{align-items:center;animation:fadeIn var(--transition-normal);background-color:var(--color-bg-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:var(--z-modal-backdrop)}.modal-content{animation:slideUp var(--transition-slow);background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow:auto;width:100%}.divider{height:1px;margin:var(--space-lg) 0}.divider,.divider-vertical{background-color:var(--color-border-light)}.divider-vertical{height:100%;margin:0 var(--space-md);width:1px}@media (max-width:768px){html{font-size:15px}.container{padding:0 var(--space-md)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.btn,input,select,textarea{min-height:var(--touch-target-comfortable)}input,select,textarea{font-size:16px}}@media (max-width:480px){.container{padding:0 var(--space-sm)}}.btn-add-leerdoel,.btn-add-option,.btn-add-question,.btn-add-selected,.btn-ai-assistant,.btn-bulk-import,.btn-generate,.btn-parse,.btn-question-bank,.btn-save-test,.btn-step-accept,.correct-badge,.correct-indicator,.question-type-badge,.reviewed-badge,.tf-answer.correct,.tf-option.active,.type-toggle.active,button[class*=active]:not([class*=tp-]):not([class*=dn-]):not([class*=cp-]):not([class*=co-]):not([class*=ldb-]):not([class*=vb-]):not([class*=an-]):not([class*=ld-]):not([class*=ml-]),button[class*=btn-]:not(.btn-point):not(.btn-code-login):not(.btn-back-toets):not(.btn-back-comm):not(.btn-back-to-home):not(.btn-aac-cancel):not(.btn-unanswered):not(.btn-previous):not(.comm-btn-previous):not(.cm-btn-secondary):not([class*=dn-btn]):not([class*=tp-]):not([class*=cp-]):not(.nt-popup-btn-secondary):not(.nt-btn-concept){color:#fff!important}.question-type-badge.mc{background:#1565c0!important;color:#fff!important}.question-type-badge.open{background:#ef6c00!important;color:#fff!important}.question-type-badge.tf{background:#7c3aed!important;color:#fff!important}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.page-break{page-break-before:always}}body,html{background:#0b1628!important}.hh-page{background:linear-gradient(160deg,#0b1628,#132240 40%,#0f1d35);color:#fff;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.hh-circles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.hh-circle{border:1px solid #ffffff0f;border-radius:50%;position:absolute}.hh-circle-1{height:500px;left:-150px;top:-100px;width:500px}.hh-circle-2{height:700px;left:-250px;top:-200px;width:700px}.hh-circle-3{height:350px;left:-50px;top:200px;width:350px}.hh-page a{color:#fff!important}.hh-page a,.hh-page a:hover{text-decoration:none!important}.hh-nav{left:0;padding:16px 40px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}.hh-nav-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1628fa;box-shadow:0 2px 20px #0000004d;padding:16px 40px}.hh-nav-inner{justify-content:space-between;margin:0 auto;max-width:1200px}.hh-logo,.hh-nav-inner{align-items:center;display:flex}.hh-logo{text-decoration:none}.hh-logo-img{height:45px;width:auto}.hh-nav-links{align-items:center;display:flex;gap:32px}.hh-nav-link{color:#ffffffbf!important;font-size:14px;font-weight:500;text-decoration:none!important;transition:color .2s}.hh-nav-link:hover{color:#fff!important}.hh-nav-btn{border:1px solid #fff6;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:8px 20px;text-decoration:none;transition:all .2s}.hh-nav-btn:hover{background:#ffffff1a;border-color:#fff9}.hh-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.hh-hamburger span{background:#fff;display:block;height:2px;transition:all .3s;width:24px}.hh-hamburger.open span:first-child{transform:rotate(45deg) translateY(5px)}.hh-hamburger.open span:nth-child(2){opacity:0}.hh-hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-5px)}.hh-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:fixed;z-index:99}.hh-mobile-menu{background:#1a2744;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:200px;padding:16px;position:absolute;right:20px;top:70px}.hh-mobile-menu a{border-radius:8px;color:#fffc;font-size:16px;padding:12px 16px;text-decoration:none;transition:background .2s}.hh-mobile-menu a:hover{background:#ffffff14}.hh-mobile-btn{background:#0077b6!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;margin-top:8px;text-align:center}:root{--hero-padding-top:14vh;--hero-padding-bottom:0px;--stats-margin-top:32px;--stats-padding-top:70px;--stats-padding-bottom:32px}.hh-hero{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:min(90vw,1600px);min-height:100vh;padding:14vh 5vw 0;padding:var(--hero-padding-top) 5vw var(--hero-padding-bottom);position:relative;z-index:1}.hh-hero-content{align-items:center;display:flex;gap:3vw;width:100%}.hh-hero-left{flex:1 1;max-width:clamp(420px,35vw,680px)}.hh-title{color:#fff!important;font-size:clamp(36px,3.5vw,64px);font-weight:800;letter-spacing:-.5px;line-height:1.15}.hh-subtitle,.hh-title{font-family:Poppins,sans-serif;margin:0 0 16px}.hh-subtitle{color:#ffffffb3!important;font-size:clamp(18px,1.5vw,28px);font-weight:500}.hh-description{color:#ffffff80;font-size:clamp(13px,1.1vw,18px);line-height:1.6;margin:0 0 32px;max-width:clamp(400px,30vw,560px)}.hh-buttons{display:flex;flex-wrap:nowrap;gap:16px;white-space:nowrap}.hh-btn-primary{background:#0077b6;border:2px solid #0077b6;border-radius:8px;color:#fff;display:inline-block;font-family:Poppins,sans-serif;font-size:clamp(12px,1vw,16px);font-weight:700;letter-spacing:1px;padding:clamp(12px,1vw,18px) clamp(24px,2vw,36px);text-decoration:none;transition:all .25s}.hh-btn-primary:hover{background:#005f8f;border-color:#005f8f;transform:translateY(-1px)}.hh-btn-outline{background:#0000;border:2px solid #ffffff59;border-radius:8px;color:#fff;display:inline-block;font-family:Poppins,sans-serif;font-size:clamp(12px,1vw,16px);font-weight:700;letter-spacing:1px;padding:clamp(12px,1vw,18px) clamp(24px,2vw,36px);text-decoration:none;transition:all .25s}.hh-btn-outline:hover{background:#ffffff0d;border-color:#fff9;transform:translateY(-1px)}.hh-hero-right{flex:1.2 1;margin-right:-20px;max-width:clamp(500px,40vw,800px)}.hh-video-container{aspect-ratio:16/10;background:#000;border:none;border-radius:16px;box-shadow:0 20px 60px #0006;overflow:hidden;position:relative}.hh-video{display:block;height:100%;object-fit:contain;width:100%}.hh-video-placeholder{background:linear-gradient(135deg,#0077b626,#4a90d91a);flex-direction:column;gap:12px;inset:0;position:absolute}.hh-video-placeholder,.hh-video-play{align-items:center;display:flex;justify-content:center}.hh-video-play{background:#0077b64d;border:2px solid #0077b680;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:64px;transition:all .3s;width:64px}.hh-video-play:hover{background:#0077b680;transform:scale(1.05)}.hh-video-placeholder span{color:#ffffff80;font-size:14px}.hh-video[src]:not([src=""])~.hh-video-placeholder{display:none}.hh-hero-stats{align-items:center;display:flex;gap:clamp(24px,4vw,56px);justify-content:center;margin-top:32px;margin-top:var(--stats-margin-top);padding:70px 0 32px;padding:var(--stats-padding-top) 0 var(--stats-padding-bottom);width:100%}.hh-stat{text-align:center}.hh-stat-divider{background:linear-gradient(180deg,#0000,#fff3,#0000);height:48px;width:1px}.hh-stat-number{color:#fff;display:block;font-family:Poppins,sans-serif;font-size:42px;font-weight:800;line-height:1;margin-bottom:8px}.hh-stat-label{color:#ffffff80;display:block;font-size:13px;line-height:1.4;max-width:180px}.hh-features{background:#fff;overflow:hidden;padding:80px 40px 60px;position:relative}.hh-logo-circles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);opacity:.35;pointer-events:none;position:absolute;z-index:0}.hh-logo-circles-tl{height:220px;left:3%;top:5%;width:220px}.hh-logo-circles-br{bottom:8%;height:180px;right:4%;width:180px}.hh-logo-circles-center{gap:28px;height:700px;left:50%;opacity:.3;top:50%;transform:translate(-50%,-50%);width:900px}.hh-features-v2{border-top:4px dashed #009ccc}.hh-lc{aspect-ratio:1;border-radius:50%}.hh-lc-blue{border:2.5px solid #009ccc}.hh-lc-white{border:2.5px solid #0000001f}.hh-lc-lightblue{border:2.5px solid #85cee9}.hh-features-header{margin:0 auto 60px;max-width:700px;position:relative;text-align:center;z-index:1}.hh-features-title{color:#1a1a2e!important;font-family:Poppins,sans-serif;font-size:44px;font-weight:800;line-height:1.2;margin:0 0 12px}.hh-blue{color:#0077b6!important}.hh-features-subtitle{color:#2d2d3a!important;font-family:Poppins,sans-serif;font-size:22px;font-weight:600;margin:0 0 16px}.hh-features-desc{color:#555!important;font-size:15px;line-height:1.7;margin:0}.hh-features-grid{grid-gap:48px 40px;display:grid;gap:48px 40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1050px;position:relative;z-index:1}.hh-feature-card{position:relative;text-align:center}.hh-feature-icon{color:#1a1a2e;height:80px;margin:0 auto 20px;position:relative;width:80px;z-index:1}.hh-feature-icon svg,.hh-feature-svg{height:100%;width:100%}.hh-feature-name{color:#1a1a2e!important;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0 0 12px}.hh-feature-text{color:#555!important;font-size:14px;line-height:1.65;margin:0 auto;max-width:300px}.hh-blue-underline{color:#0077b6!important;text-decoration:underline;text-underline-offset:2px}.hh-features-cta{margin-top:60px;position:relative;text-align:center;z-index:1}.hh-btn-cta{background:#0077b6;border-radius:50px;box-shadow:0 4px 20px #0077b64d;color:#fff!important;display:inline-block;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;letter-spacing:1.5px;padding:18px 48px;text-decoration:none!important;transition:all .25s}.hh-btn-cta:hover{background:#005f8f;box-shadow:0 6px 28px #0077b666;transform:translateY(-2px)}.hh-btn-cta span{margin-left:8px}.hh-features a{color:#0077b6!important}.hh-features .hh-btn-cta{color:#fff!important}@media (max-width:1024px){.hh-hero-content{gap:40px}.hh-title{font-size:40px}.hh-hero-right{max-width:440px}}@media (max-width:768px){.hh-nav,.hh-nav.hh-nav-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1628fa;padding:12px 20px}.hh-nav-links{display:none}.hh-hamburger{display:flex}.hh-hero{padding:120px 20px 40px}.hh-hero-content{flex-direction:column;text-align:center}.hh-hero-left{max-width:100%}.hh-title{font-size:36px}.hh-subtitle{font-size:18px}.hh-description{margin-left:auto;margin-right:auto;max-width:100%}.hh-buttons,.hh-hero-right{justify-content:center}.hh-hero-right{display:flex;max-width:100%;width:100%}.hh-logo-circles-br,.hh-logo-circles-tl{display:none}.hh-hero-stats{gap:16px;padding:24px 0 32px}.hh-stat-number{font-size:28px}.hh-stat-label{font-size:11px;max-width:120px}.hh-features{padding:60px 20px 40px}.hh-features-title{font-size:32px}.hh-features-subtitle{font-size:18px}.hh-features-grid{gap:40px;grid-template-columns:1fr;max-width:400px}.hh-btn-cta{font-size:13px;padding:16px 36px}.hh-circle-1{height:300px;width:300px}.hh-circle-2{height:450px;width:450px}.hh-circle-3{height:200px;width:200px}}@media (max-width:480px){.hh-title{font-size:30px}.hh-buttons{align-items:center;flex-direction:column}.hh-btn-outline,.hh-btn-primary{text-align:center;width:100%}}.hh-reviews{background:#fff;padding:80px 24px}.hh-reviews-inner{margin:0 auto;max-width:900px}.hh-review-card{align-items:center;background:linear-gradient(160deg,#0f1d35,#152347 40%,#0f1d35);border-radius:24px;display:flex;gap:40px;min-height:220px;overflow:hidden;padding:50px 60px;position:relative}.hh-review-circles{inset:0;pointer-events:none;position:absolute;z-index:0}.hh-rc{border:1.5px solid #ffffff12;border-radius:50%;position:absolute}.hh-rc:first-child{height:120px;right:25%;top:-20px;width:120px}.hh-rc:nth-child(2){height:90px;right:32%;top:10px;width:90px}.hh-rc:nth-child(3){bottom:-30px;height:100px;right:20%;width:100px}.hh-rc:nth-child(4){height:80px;right:15%;top:-10px;width:80px}.hh-rc:nth-child(5){bottom:-20px;height:110px;right:30%;width:110px}.hh-rc:nth-child(6){height:70px;right:38%;top:50%;width:70px}.hh-review-content{flex:1 1;position:relative;z-index:1}.hh-review-quote-mark{color:#ffffff26;font-family:Georgia,Times New Roman,serif;font-size:100px;line-height:.6;margin-bottom:10px;-webkit-user-select:none;user-select:none}.hh-review-text{animation:hh-fadeIn .5s ease;color:#fff;font-family:Poppins,sans-serif;font-size:17px;font-style:italic;font-weight:600;line-height:1.7;margin:0 0 20px}@keyframes hh-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hh-review-author{display:flex;flex-direction:column;gap:2px}.hh-review-name{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.hh-review-role{color:#ffffff80;font-size:13px}.hh-review-avatar{flex-shrink:0;position:relative;z-index:1}.hh-review-avatar-circle{align-items:center;border:4px solid #fff;border-radius:50%;display:flex;height:140px;justify-content:center;transition:background .5s ease;width:140px}.hh-review-initials{color:#fff;font-family:Poppins,sans-serif;font-size:40px;font-weight:800;-webkit-user-select:none;user-select:none}.hh-review-dots{display:flex;gap:10px;justify-content:center;margin-top:24px}.hh-review-dot{background:#00000026;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s;width:10px}.hh-review-dot.active{background:#0077b6;transform:scale(1.3)}.hh-review-dot:hover{background:#0077b6;opacity:.7}@media (max-width:768px){.hh-reviews{padding:50px 16px}.hh-review-card{flex-direction:column-reverse;padding:36px 28px;text-align:center}.hh-review-avatar-circle{height:100px;width:100px}.hh-review-initials{font-size:28px}.hh-review-text{font-size:15px}.hh-review-quote-mark{font-size:70px}.hh-review-author{align-items:center}}.hh-vakken{background:linear-gradient(160deg,#0b1628,#132240 40%,#0f1d35);padding:70px 24px;text-align:center}.hh-vakken-label{color:#ffffff80;display:block;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:16px}.hh-vakken-title{color:#fff;font-family:Poppins,sans-serif;font-size:44px;font-style:normal;font-weight:800;line-height:1.2;margin:0 0 40px}.hh-vakken-tags{display:flex;flex-wrap:wrap;gap:24px 28px;justify-content:center;margin:0 auto 16px;max-width:1000px}.hh-vak-tag{align-items:center;animation:hh-float 6s ease-in-out infinite;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 30% 25%,#ffffff2e,#ffffff0a 60%),linear-gradient(135deg,#0077b62e,#0d94881a);border:1px solid #ffffff24;border-radius:50%;box-shadow:0 10px 30px #00000059,inset 0 1px 0 #ffffff2e;color:#fff;cursor:default;display:inline-flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px;height:120px;justify-content:center;line-height:1.15;padding:14px 10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:120px}.hh-vak-tag:hover{border-color:#00c7f58c;box-shadow:0 16px 40px #0077b673,inset 0 1px 0 #ffffff40;transform:translateY(-6px) scale(1.05)}.hh-vak-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));font-size:30px;line-height:1}@keyframes hh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes hh-float-up{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(8px,-32px) rotate(-4deg)}}@keyframes hh-float-diag-r{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(28px,-18px) rotate(5deg)}66%{transform:translate(14px,-34px) rotate(2deg)}to{transform:translate(0) rotate(0deg)}}@keyframes hh-float-diag-l{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(-28px,-16px) rotate(-5deg)}66%{transform:translate(-14px,-34px) rotate(-2deg)}to{transform:translate(0) rotate(0deg)}}@keyframes hh-float-side{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-22px,-14px) rotate(-3deg)}50%{transform:translateY(-28px) rotate(0deg)}75%{transform:translate(22px,-14px) rotate(3deg)}}@keyframes hh-float-circle{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(24px,-20px) rotate(4deg)}50%{transform:translateY(-36px) rotate(0deg)}75%{transform:translate(-24px,-20px) rotate(-4deg)}to{transform:translate(0) rotate(0deg)}}@keyframes hh-float-zigzag{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-18px,-10px) rotate(-3deg)}40%{transform:translate(20px,-22px) rotate(4deg)}60%{transform:translate(-16px,-32px) rotate(-2deg)}80%{transform:translate(18px,-14px) rotate(3deg)}to{transform:translate(0) rotate(0deg)}}@keyframes hh-float-down{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-12px,16px) rotate(-3deg)}66%{transform:translate(12px,22px) rotate(3deg)}}@keyframes hh-float-spin-r{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(20px,-20px) rotate(8deg)}to{transform:translate(0) rotate(0deg)}}@keyframes hh-float-spin-l{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-20px,-20px) rotate(-8deg)}to{transform:translate(0) rotate(0deg)}}.hh-vakken-tags .hh-vak-tag:nth-child(9n+1){animation:hh-float-up 7s ease-in-out infinite;animation-delay:0s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+2){animation:hh-float-diag-r 8.4s ease-in-out infinite;animation-delay:-1.1s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+3){animation:hh-float-circle 9.5s ease-in-out infinite;animation-delay:-2.2s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+4){animation:hh-float-side 8.8s ease-in-out infinite;animation-delay:-3.3s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+5){animation:hh-float-diag-l 7.6s ease-in-out infinite;animation-delay:-4.4s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+6){animation:hh-float-zigzag 10.2s ease-in-out infinite;animation-delay:-5.5s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+7){animation:hh-float-down 7.4s ease-in-out infinite;animation-delay:-1.7s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+8){animation:hh-float-spin-r 8s ease-in-out infinite;animation-delay:-2.9s}.hh-vakken-tags .hh-vak-tag:nth-child(9n+9){animation:hh-float-spin-l 8.6s ease-in-out infinite;animation-delay:-4.1s}.hh-vak-icon svg{color:#fff;display:block}.hh-vak-icon svg[viewBox]{border-radius:3px;overflow:hidden}@media (prefers-reduced-motion:reduce){.hh-vak-tag{animation:none!important}}.hh-trust{padding:48px 24px;text-align:center}.hh-trust-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 24px;text-transform:uppercase}.hh-trust-badges{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:0 auto;max-width:900px}.hh-trust-badge{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:10px;padding:12px 20px;transition:all .3s ease}.hh-trust-badge:hover{background:#ffffff14;border-color:#ffffff26}.hh-trust-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.hh-trust-text{font-size:14px;white-space:nowrap}.hh-trust-text,.hh-vak-more{color:#ffffffd9;font-weight:600}.hh-vak-more{animation:hh-float 5.5s ease-in-out infinite;background:#ffffff0a;border:1px dashed #ffffff59;font-size:13px}@media (max-width:768px){.hh-vakken{padding:50px 16px}.hh-vakken-title{font-size:30px}.hh-vakken-tags{gap:16px 18px}.hh-vak-tag{font-size:11px;height:92px;padding:10px 8px;width:92px}.hh-vak-icon{font-size:24px}}.hh-footer{background:linear-gradient(160deg,#0b1628,#132240 40%,#0f1d35);color:#fff;padding:60px 5vw 30px}.hh-footer-inner{margin:0 auto;max-width:1200px}.hh-footer-top{border-bottom:1px solid #ffffff1a;display:flex;gap:60px;justify-content:space-between;padding-bottom:40px}.hh-footer-brand{max-width:280px}.hh-footer-logo{filter:brightness(1.3);height:56px;margin-bottom:16px}.hh-footer-tagline{color:#ffffff80;font-size:14px;line-height:1.5;margin:0}.hh-footer-links{display:flex;gap:60px}.hh-footer-col{display:flex;flex-direction:column;gap:10px}.hh-footer-col h5{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.hh-footer-col a{color:#ffffff80!important;font-size:14px;text-decoration:none!important;transition:color .2s}.hh-footer-col a:hover{color:#009ccc!important}.hh-footer-trust{align-items:center;border-bottom:1px solid #ffffff14;border-top:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px;padding:20px 0}.hh-footer-trust-logo{height:36px;opacity:.85;transition:opacity .3s ease;width:auto}.hh-footer-trust-logo:hover{opacity:1}.hh-footer-trust-logo-light{filter:invert(1) brightness(2);opacity:.6}.hh-footer-trust-logo-light:hover{opacity:.85}.hh-footer-bottom{align-items:center;color:#ffffff59;display:flex;font-size:13px;justify-content:space-between;padding-top:24px}@media (max-width:768px){.hh-footer-top{flex-direction:column;gap:40px}.hh-footer-links{flex-wrap:wrap;gap:40px}.hh-footer-bottom{flex-direction:column;gap:8px;text-align:center}.hh-modern-grid{align-items:center;flex-direction:column}.hh-modern-divider{height:1px!important;width:80px!important}.hh-modern-item{max-width:320px}}.hh-waarom{background:#fff;overflow:hidden;padding:100px 40px 80px;position:relative}.hh-logo-circles-waarom-tr{height:220px;right:3%;top:5%;width:220px}.hh-logo-circles-waarom-bl{bottom:8%;height:180px;left:4%;width:180px}.hh-waarom-header{margin:0 auto 60px;max-width:750px;position:relative;text-align:center;z-index:1}.hh-waarom-title{color:#1a1a2e!important;font-family:Poppins,sans-serif;font-size:48px;font-weight:800;line-height:1.15;margin:0 0 20px}.hh-waarom-subtitle{color:#555!important;font-size:15px;line-height:1.7;margin:0}.hh-waarom-content{align-items:flex-start;display:flex;gap:60px;margin:0 auto 60px;max-width:1100px;position:relative;z-index:1}.hh-waarom-illustration{flex:0 0 420px;max-width:420px}.hh-waarom-illustration svg{height:auto;width:100%}.hh-waarom-benefits{display:flex;flex:1 1;flex-direction:column;gap:32px}.hh-waarom-item{align-items:flex-start;display:flex;gap:16px}.hh-waarom-check{flex-shrink:0;height:28px;margin-top:2px;width:28px}.hh-waarom-check svg{height:100%;width:100%}.hh-waarom-name{color:#1a1a2e!important;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;margin:0 0 6px}.hh-waarom-text{color:#555!important;font-size:14.5px;line-height:1.65;margin:0}.hh-waarom-text strong{color:#1a1a2e!important;font-weight:700}.hh-waarom-extra-wrapper{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1180px;position:relative;z-index:1}.hh-waarom-extra{display:flex;flex:1 1 600px;flex-direction:column;gap:32px;max-width:700px}.hh-waarom-graph{filter:drop-shadow(0 12px 32px rgba(0,119,182,.18));flex:0 0 380px;max-width:420px}.hh-waarom-graph svg{display:block;height:auto;width:100%}@media (max-width:1024px){.hh-waarom-content{gap:40px}.hh-waarom-illustration{flex:0 0 340px;max-width:340px}}@media (max-width:768px){.hh-waarom{padding:60px 20px 50px}.hh-waarom-title{font-size:34px}.hh-waarom-content{align-items:center;flex-direction:column}.hh-waarom-illustration{flex:none;max-width:320px;width:100%}.hh-waarom-benefits{width:100%}.hh-waarom-extra-wrapper{flex-direction:column-reverse;gap:40px}.hh-waarom-extra{max-width:100%}.hh-waarom-graph{flex:none;margin:0 auto;max-width:320px;width:100%}.hh-logo-circles-waarom-bl,.hh-logo-circles-waarom-tr{display:none}}@media (max-width:480px){.hh-waarom-title{font-size:28px}}.hh-partners{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:80px 40px;text-align:center}.hh-partners-title{color:#fff;font-family:Poppins,sans-serif;font-size:44px;font-weight:800;line-height:1.2;margin:0 0 56px}.hh-partners-logos{flex-wrap:wrap;gap:90px;margin:0 auto;max-width:1200px}.hh-partner,.hh-partners-logos{align-items:center;display:flex;justify-content:center}.hh-partner{opacity:.95;transition:transform .25s ease,opacity .25s ease}.hh-partner:hover{opacity:1;transform:translateY(-4px)}.hh-partner img{display:block;width:auto}.hh-partner-entree{height:90px}.hh-partner-eduv{height:80px}.hh-partner-iso{height:110px}.hh-partners-school{align-items:center;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:18px;margin:70px auto 0;max-width:700px;padding-top:50px}.hh-partners-school-label{color:#ffffff8c;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hh-partner-lumion{display:block;height:70px;opacity:.95;transition:opacity .25s ease,transform .25s ease;width:auto}.hh-partner-lumion:hover{opacity:1;transform:translateY(-3px)}@media (max-width:768px){.hh-partners{overflow:hidden;padding:50px 20px}.hh-partners-title{font-size:30px;margin-bottom:36px}.hh-partners-logos{gap:36px}.hh-partner-entree{height:54px}.hh-partner-eduv{height:46px}.hh-partner-iso{height:64px}.hh-partners-school{margin-top:44px;padding-top:30px}.hh-partner-lumion{height:44px}}.hh-process{background:linear-gradient(180deg,#0b1628,#101d36 50%,#0b1628);padding:80px 40px 100px;position:relative;text-align:center}.hh-process-title{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(30px,2.8vw,52px);font-weight:800;line-height:1.15;margin:0 0 12px}.hh-process-subtitle{color:#ffffff80;font-size:clamp(14px,1.2vw,20px);margin:0 0 60px}.hh-process-circle{height:min(42vw,580px);margin:0 auto;position:relative;width:min(50vw,700px)}.hh-process-arrows{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hh-process-center{align-items:center;aspect-ratio:1;background:#0077b61f;border:1px solid #0077b640;border-radius:50%;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18%;z-index:2}.hh-process-center-logo{height:60%;opacity:.85;width:60%}.hh-process-step{position:absolute;text-align:center;width:clamp(140px,14vw,200px);z-index:1}.hh-process-num{background:#0077b6;border-radius:50%;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(11px,1vw,15px);font-weight:700;height:clamp(22px,2vw,30px);margin:0 auto 8px;width:clamp(22px,2vw,30px)}.hh-process-icon,.hh-process-num{align-items:center;display:flex;justify-content:center}.hh-process-icon{background:#0077b61f;border:1px solid #0077b633;border-radius:14px;color:#5bb8f0;height:clamp(44px,4vw,64px);margin:0 auto 10px;transition:all .3s ease;width:clamp(44px,4vw,64px)}.hh-process-step:hover .hh-process-icon{background:#0077b633;border-color:#0077b666;transform:scale(1.08)}.hh-process-step h4{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(13px,1.1vw,18px);font-weight:700;line-height:1.3;margin:0 0 4px}.hh-process-step p{color:#fff6;font-size:clamp(11px,.9vw,15px);line-height:1.5;margin:0}.hh-process-link{border:1px solid #5bb8f04d;border-radius:30px;color:#5bb8f0;display:inline-block;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;margin-top:40px;padding:12px 32px;text-decoration:none;transition:all .3s ease}.hh-process-link:hover{background:#0077b626;border-color:#5bb8f099;color:#fff}.hh-process-step-1{left:50%;top:-4%;transform:translateX(-50%)}.hh-process-step-2{right:-9%;top:20%}.hh-process-step-3{bottom:2%;right:-2%}.hh-process-step-4{bottom:2%;left:-2%}.hh-process-step-5{left:-9%;top:20%}@media (max-width:768px){.hh-process{padding:60px 20px}.hh-process-title{font-size:30px}.hh-process-subtitle{margin-bottom:40px}.hh-process-circle{align-items:center;display:flex;flex-direction:column;gap:28px;height:auto;width:100%}.hh-process-arrows,.hh-process-center{display:none}.hh-process-step{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:flex;flex-direction:column;padding:20px;position:static;transform:none;width:280px}.hh-process-step:after{color:#009ccc66;content:"↓";display:block;font-size:20px;margin-top:8px}.hh-process-step:last-child:after{content:"↻"}}.hh-modern{background:linear-gradient(135deg,#0a1628,#0f1f3d);padding:80px 24px;text-align:center}.hh-modern-title{color:#fff;font-family:Poppins,sans-serif;font-size:44px;font-style:normal;font-weight:800;line-height:1.2;margin-bottom:60px}.hh-modern-grid{align-items:flex-start;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:1000px}.hh-modern-item{flex:1 1;padding:0 40px;text-align:center}.hh-modern-divider{align-self:center;background:#ffffff26;flex-shrink:0;height:180px;width:1px}.hh-modern-icon{color:#fff;height:72px;margin:0 auto 20px;width:72px}.hh-modern-icon svg{height:100%;width:100%}.hh-modern-name{color:#4da6e8;font-size:1.5rem;font-weight:700;margin-bottom:12px}.hh-modern-text{color:#ffffffb3;font-size:.95rem;line-height:1.6}
/*# sourceMappingURL=main.a5a17c13.css.map*/