:root{
--c-white:#ffffff;
--c-neutral-50:#f8fafc;
--c-neutral-100:#f1f5f9;
--c-neutral-150:#edf2f8;
--c-neutral-200:#e2e8f0;
--c-neutral-300:#cbd5e1;
--c-neutral-400:#94a3b8;
--c-neutral-500:#64748b;
--c-neutral-600:#475569;
--c-neutral-700:#334155;
--c-neutral-800:#1e293b;
--c-neutral-900:#0f172a;
--c-blue-50:#eff6ff;
--c-blue-100:#dbeafe;
--c-blue-200:#bfdbfe;
--c-blue-300:#93c5fd;
--c-blue-500:#3b82f6;
--c-blue-600:#2563eb;
--c-blue-700:#1d4ed8;
--c-blue-900:#1e3a5f;
--c-navy-50:#f0f4ff;
--c-navy-100:#e0e9ff;
--c-navy-500:#3b5998;
--c-navy-600:#2d4a8a;
--c-navy-700:#22397a;
--c-navy-800:#182b5c;
--c-navy-900:#0f1e3d;
--c-navy-950:#091426;
--c-warm-100:#f5f3f4;
--c-neutral-450:#75777d;
--c-slate-500:#6f7896;
--c-slate-600:#52607a;
--c-green-50:#f0fdf4;
--c-green-100:#dcfce7;
--c-green-550:#11b07a;
--c-green-600:#16a34a;
--c-green-700:#15803d;
--c-green-800:#166534;
--c-amber-50:#fffbeb;
--c-amber-100:#fef3c7;
--c-amber-600:#d97706;
--c-amber-700:#b45309;
--c-amber-800:#92400e;
--c-red-50:#fef2f2;
--c-red-100:#fee2e2;
--c-red-600:#dc2626;
--c-red-700:#b91c1c;
--c-red-800:#991b1b;
--c-purple-50:#faf5ff;
--c-purple-100:#f3e8ff;
--c-purple-500:#8b5cf6;
--c-purple-600:#7c3aed;
--c-purple-700:#6d28d9;
--color-text:var(--c-neutral-900);
--color-text-muted:var(--c-neutral-500);
--color-text-faint:var(--c-neutral-400);
--color-text-inverse:var(--c-white);
--color-bg:var(--c-neutral-50);
--color-surface:var(--c-white);
--color-surface-soft:var(--c-neutral-100);
--color-border:var(--c-neutral-200);
--color-border-focus:var(--c-blue-500);
--color-primary:var(--c-blue-600);
--color-primary-hover:var(--c-blue-700);
--color-primary-soft:var(--c-blue-50);
--color-success:var(--c-green-700);
--color-success-bg:var(--c-green-50);
--color-success-border:var(--c-green-100);
--color-warning:var(--c-amber-700);
--color-warning-bg:var(--c-amber-50);
--color-warning-border:var(--c-amber-100);
--color-danger:var(--c-red-700);
--color-danger-bg:var(--c-red-50);
--color-danger-border:var(--c-red-100);
--color-info:var(--c-blue-700);
--color-info-bg:var(--c-blue-50);
--color-info-border:var(--c-blue-100);
--font-sans:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--text-xs:11px;
--text-sm:12px;
--text-base:14px;
--text-md:15px;
--text-lg:17px;
--text-xl:20px;
--text-2xl:24px;
--text-3xl:30px;
--text-4xl:clamp(32px,3.2vw,44px);
--leading-none:1.0;
--leading-tight:1.08;
--leading-snug:1.22;
--leading-normal:1.5;
--leading-relaxed:1.65;
--tracking-tight:0em;
--tracking-snug:0em;
--tracking-normal:0em;
--tracking-wide:0.04em;
--tracking-wider:0.08em;
--tracking-widest:0.14em;
--font-normal:400;
--font-medium:500;
--font-semibold:600;
--font-bold:700;
--font-extrabold:800;
--font-black:900;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-7:28px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--radius-xs:6px;
--radius-sm:10px;
--radius-md:14px;
--radius-lg:18px;
--radius-xl:22px;
--radius-2xl:28px;
--radius-3xl:34px;
--radius-full:9999px;
--shadow-xs:0 1px 3px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.04);
--shadow-sm:0 3px 10px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04);
--shadow-md:0 8px 22px rgba(15,23,42,.07),0 3px 10px rgba(15,23,42,.04);
--shadow-lg:0 14px 34px rgba(15,23,42,.09),0 5px 14px rgba(15,23,42,.05);
--shadow-xl:0 22px 48px rgba(15,23,42,.12),0 8px 20px rgba(15,23,42,.06);
--shadow-card:var(--shadow-sm);
--shadow-panel:var(--shadow-md);
--shadow-hero:var(--shadow-lg);
--shadow-focus:0 0 0 3px rgba(37,99,235,.22),0 0 0 1px rgba(37,99,235,.5);
--shadow-focus-danger:0 0 0 3px rgba(220,38,38,.22),0 0 0 1px rgba(220,38,38,.5);
--ease-out:cubic-bezier(0.16,1,0.3,1);
--ease-in-out:cubic-bezier(0.4,0,0.2,1);
--ease-spring:cubic-bezier(0.34,1.56,0.64,1);
--duration-fast:100ms;
--duration-base:180ms;
--duration-slow:260ms;
--duration-enter:320ms;
--z-base:0;
--z-raised:10;
--z-sticky:100;
--z-overlay:200;
--z-modal:300;
--z-toast:400;
--z-banner:500;
--z-top:9999;
--page-max:1560px;
--content-max:1280px;
--rail-width:252px;
--context-width:330px;
--shell-padding:24px;
--bp-xs:480px;
--bp-sm:768px;
--bp-md:1024px;
--bp-lg:1440px;
--bp-xl:1440px;
--coach-surface-0:#fbfdff;
--coach-surface-1:#f5f9ff;
--coach-surface-2:#eef4ff;
--coach-surface-3:#d8e7ff;
--coach-navy-primary:#4c79d1;
--coach-navy-deep:#36548c;
--bg-page:
radial-gradient(ellipse 58% 34% at 8% 0%,rgba(59,130,246,.045) 0%,transparent 52%),
linear-gradient(180deg,var(--c-neutral-50) 0%,#f4f7fb 100%);
--bg-card:
linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(250,252,255,.98) 100%);
--bg-rail:
linear-gradient(180deg,#fafcff 0%,#f8fafd 100%);
--bg-hero-light:
linear-gradient(135deg,#eef4ff 0%,#ffffff 55%,#f5f0ff 100%);
--bg-hero-dark:
linear-gradient(135deg,var(--c-neutral-900) 0%,#1e2f5e 60%,#1a1a3e 100%);
--bg-hero-navy:
linear-gradient(135deg,#162254 0%,#1e3a8a 50%,#1e2f5e 100%);
--bg-shell:
linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.76) 100%);
}
@media (prefers-color-scheme:dark){
:root{
color-scheme:dark;
--color-text:var(--c-neutral-100);
--color-text-muted:var(--c-neutral-300);
--color-text-faint:var(--c-neutral-400);
--color-text-inverse:var(--c-neutral-900);
--color-bg:var(--c-neutral-900);
--color-surface:var(--c-neutral-800);
--color-surface-soft:var(--c-navy-900);
--color-border:var(--c-neutral-700);
--color-border-focus:var(--c-blue-300);
--color-primary:var(--c-blue-300);
--color-primary-hover:var(--c-blue-200);
--color-primary-soft:rgba(59,130,246,.16);
--color-success:var(--c-green-400);
--color-success-soft:rgba(74,222,128,.14);
--color-warning:var(--c-amber-300);
--color-warning-soft:rgba(252,211,77,.14);
--color-danger:var(--c-red-400);
--color-danger-bg:rgba(248,113,113,.14);
--color-info:var(--c-blue-300);
--color-info-soft:rgba(147,197,253,.14);
--coach-surface-0:var(--c-neutral-800);
--coach-surface-1:var(--c-navy-900);
--coach-surface-2:var(--c-navy-800);
--coach-surface-3:var(--c-navy-700);
--coach-navy-primary:var(--c-blue-300);
--coach-navy-deep:var(--c-blue-100);
--shadow-xs:0 1px 2px rgba(0,0,0,.25);
--shadow-sm:0 3px 10px rgba(0,0,0,.30);
--shadow-md:0 8px 24px rgba(0,0,0,.35);
--shadow-lg:0 16px 38px rgba(0,0,0,.40);
--shadow-xl:0 24px 56px rgba(0,0,0,.50);
--shadow-card:0 4px 16px rgba(0,0,0,.30);
--shadow-panel:0 10px 32px rgba(0,0,0,.35);
--bg-page:var(--color-bg);
--bg-card:linear-gradient(180deg,var(--c-neutral-800) 0%,rgba(30,41,59,.94) 100%);
--bg-rail:linear-gradient(180deg,var(--c-navy-900) 0%,var(--c-neutral-900) 100%);
--bg-hero-light:linear-gradient(135deg,var(--c-navy-900) 0%,var(--c-neutral-800) 55%,var(--c-navy-800) 100%);
--bg-hero-dark:linear-gradient(135deg,#020617 0%,var(--c-navy-900) 60%,#0a0a2e 100%);
--bg-hero-navy:linear-gradient(135deg,#0a1030 0%,var(--c-navy-800) 50%,var(--c-navy-900) 100%);
--bg-shell:linear-gradient(180deg,rgba(30,41,59,.92) 0%,rgba(15,23,42,.84) 100%);
}
}
:root[data-theme="dark"]{
color-scheme:dark;
--color-text:var(--c-neutral-100);
--color-text-muted:var(--c-neutral-300);
--color-text-faint:var(--c-neutral-400);
--color-text-inverse:var(--c-neutral-900);
--color-bg:var(--c-neutral-900);
--color-surface:var(--c-neutral-800);
--color-surface-soft:var(--c-navy-900);
--color-border:var(--c-neutral-700);
--color-border-focus:var(--c-blue-300);
--color-primary:var(--c-blue-300);
--color-primary-hover:var(--c-blue-200);
--color-primary-soft:rgba(59,130,246,.16);
--color-success:var(--c-green-400);
--color-success-soft:rgba(74,222,128,.14);
--color-warning:var(--c-amber-300);
--color-warning-soft:rgba(252,211,77,.14);
--color-danger:var(--c-red-400);
--color-danger-bg:rgba(248,113,113,.14);
--color-info:var(--c-blue-300);
--color-info-soft:rgba(147,197,253,.14);
--coach-surface-0:var(--c-neutral-800);
--coach-surface-1:var(--c-navy-900);
--coach-surface-2:var(--c-navy-800);
--coach-surface-3:var(--c-navy-700);
--coach-navy-primary:var(--c-blue-300);
--coach-navy-deep:var(--c-blue-100);
}
:root[data-theme="light"]{
color-scheme:light;
}
:focus-visible{
outline:2px solid var(--color-border-focus);
outline-offset:2px;
border-radius:var(--radius-xs,6px);
}
button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible,
[role="tab"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
outline:2px solid var(--color-border-focus);
outline-offset:2px;
box-shadow:var(--shadow-focus);
}
.fp-skip-link{
position:absolute;
top:-100%;
left:12px;
z-index:var(--z-top,9999);
padding:10px 18px;
background:var(--color-primary,#2563eb);
color:#fff;
font-weight:800;
font-size:13px;
border-radius:var(--radius-sm,10px);
text-decoration:none;
transition:top 0.18s ease;
}
.fp-skip-link:focus{
top:12px;
}
@media (prefers-reduced-motion:reduce){
*,
*::before,
*::after{
animation-duration:0.01ms !important;
animation-iteration-count:1 !important;
transition-duration:0.01ms !important;
}
}