@font-face{font-family:Rubik;src:url(/fonts/rubik-400Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url(/fonts/rubik-600SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Rubik;src:url(/fonts/rubik-700Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--bg:#f3f5fb;--card:#fff;--ink:#0f172a;--mute:#64748b;--line:#e2e8f0;--acc:#4f46e5;--grad:linear-gradient(135deg,#4f46e5,#7c3aed)}
@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--card:#131a2e;--ink:#e6e9f2;--mute:#94a3b8;--line:#253050;--acc:#818cf8}}
*{box-sizing:border-box}body{margin:0;font-family:Rubik,system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}
a{color:var(--acc)}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 24px;background:linear-gradient(90deg,#1e1b4b,#312e81)}
.top .logo{color:#fff;font-weight:700;font-size:20px;text-decoration:none}.top nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.top nav a{color:#c7d2fe;text-decoration:none;font-size:15px}.top nav a:hover{color:#fff}
.btn{background:var(--grad);color:#fff!important;border:0;border-radius:10px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
.doc{max-width:820px;margin:32px auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:36px 40px;box-shadow:0 4px 18px rgba(15,23,42,.06)}
.doc{font-family:Rubik,Arial,sans-serif;color:#1f2937;line-height:1.75;font-size:16.5px}/* legal documents: same look as the accessibility statement */
.doc h1{font-size:34px;color:#202259;margin:0 0 4px;line-height:1.2}.doc h2{font-size:21px;color:#202259;margin:26px 0 8px;line-height:1.4}.doc h3{font-size:18px;color:#202259;margin:18px 0 6px}
.doc p,.doc li{font-size:16.5px;line-height:1.75}.doc p{margin:8px 0}.doc h1 + p{color:#6b7280;font-size:14px;margin:0 0 10px}.doc ul{padding-inline-start:22px;margin:6px 0}.doc li{margin:4px 0}.doc a{color:#3b3bd8}
.lead{color:var(--mute);font-size:17px}
.box{display:flex;flex-direction:column;gap:14px;margin-top:20px}.box label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mute);font-weight:600}
.box input,.box select,.box textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.box input,.box select{height:44px;padding:0 12px}.box input:focus,.box select:focus,.box textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px rgba(79,70,229,.18)}
.box .btn{align-self:flex-start;padding:11px 26px}.hp{position:absolute;inset-inline-start:0;width:1px;height:1px;overflow:hidden;opacity:0;clip-path:inset(50%);pointer-events:none}
#contactMsg{margin:0;font-weight:600}#contactMsg.ok{color:#059669}#contactMsg.err{color:#dc2626}
footer{text-align:center;color:var(--mute);font-size:14px;padding:10px 0 40px}
@media (max-width:640px){.doc{margin:16px;padding:22px 18px;font-size:15.5px}.doc h1{font-size:26px}.doc p,.doc li{font-size:15.5px}.top{padding:12px 16px}}
/* Site header: the same as the home page (logo left, menu right, white) */
header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}
.swrap{max-width:1160px;margin:0 auto;padding:14px 20px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;position:relative}
header.site .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:23px;color:#202259;text-decoration:none;direction:ltr}
.snav{display:flex;gap:22px;align-items:center}.snav a{color:#111827;text-decoration:none;font-weight:500;font-size:16px}.snav a.on{color:#202259;font-weight:700;border-bottom:2px solid #202259}
.snav .btn{background:#202259;color:#fff!important;border-radius:12px;padding:11px 20px;font-weight:700}
header.site .burger{display:none;width:42px;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;order:3}
header.site .burger span{width:18px;height:2px;background:#111827;border-radius:2px}
@media (max-width:800px){header.site .burger{display:flex}.snav{display:none;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 44px rgba(17,24,39,.16);padding:8px}
  .snav.open{display:flex}.snav a{padding:12px;border-radius:10px}.snav a.on{border:0;background:#f3f4fb}.snav .btn{margin-top:6px;text-align:center}}

.homei{display:inline-grid!important;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef0fb;color:#202259!important;border:0!important;padding:0!important;flex:none}.homei:hover{background:#202259;color:#fff!important}
/* the name next to the logo in the logo's colours */
.site a.brand{background:linear-gradient(90deg,#2c2fa8,#4a3df0);-webkit-background-clip:text;background-clip:text;color:transparent}
