/* Perfect Au Pairs, "Harbour Hours" C3 design tokens (concept-c3/DESIGN-SYSTEM.md). Self-hosted OFL fonts. */
@font-face{font-family:Serif;src:url(/static/harbour/fonts/dm-serif-display-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Serif;font-style:italic;src:url(/static/harbour/fonts/dm-serif-display-latin-400-italic.woff2) format("woff2");font-display:swap}
@font-face{font-family:Hanken;src:url(/static/harbour/fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Mono;src:url(/static/harbour/fonts/space-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Mono;src:url(/static/harbour/fonts/space-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Anybody;src:url(/static/harbour/fonts/anybody-latin-standard-normal.woff2) format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}
:root{--ink:#0b1a26;--harbour:#12324a;--harbour-2:#1d4a66;--sand:#e9dcc6;--sand-2:#cdb89a;--coral:#f2a477;--coral-deep:#d9714f;--ivory:#f6f1e8;--mist:rgba(246,241,232,.78);
 --glass:rgba(9,22,33,.62);--glass-line:rgba(246,241,232,.16);--solid:rgba(11,26,38,.92);
 --r-xs:6px;--r-sm:12px;--r-md:20px;--r-lg:28px;--r-pill:999px;--ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);--pad:clamp(20px,4vw,56px)}
.mark{width:34px;height:34px;flex:none;display:block}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ivory)}
.wm{font-family:Anybody,system-ui,sans-serif;font-weight:850;font-stretch:118%;font-size:14px;letter-spacing:.06em;line-height:1;text-transform:uppercase}
.wm small{display:block;font-family:Mono,monospace;font-weight:400;font-size:9.5px;letter-spacing:.22em;margin-top:5px;color:var(--mist);font-stretch:100%}
.mono{font-family:Mono,monospace;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase}
.btn{--bg:var(--ivory);--fg:var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 10px 0 24px;border-radius:var(--r-pill);background:var(--bg);color:var(--fg);text-decoration:none;font:600 15px/1.2 Hanken,system-ui,sans-serif;letter-spacing:.01em;border:1px solid transparent;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--coral);border-radius:inherit;transform:translateY(101%);transition:transform .55s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -12px rgba(0,0,0,.5);color:var(--ink)}.btn:hover::before{transform:none}.btn:active{transform:translateY(1px) scale(.98)}
.btn .ar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--ivory);font-size:15px;transition:transform .5s var(--ease);flex:none}
.btn:hover .ar{transform:rotate(-45deg)}
.btn:not(:has(.ar)){padding:0 24px;justify-content:center}
.btn.ghost{--bg:rgba(246,241,232,.08);--fg:var(--ivory);border-color:rgba(246,241,232,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn.ghost .ar{background:var(--ivory);color:var(--ink)}.btn.ghost:hover{--fg:var(--ink)}
.btn.sm{min-height:44px;font-size:14px;padding-left:18px}.btn.sm .ar{width:28px;height:28px}
.btn.block,.btn[style*="width:100%"]{width:100%}
.panel{background:var(--glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--glass-line);border-radius:var(--r-lg)}
.must{background:var(--coral);color:var(--ink)}.rank{background:transparent;color:var(--ivory);border:1px solid rgba(246,241,232,.5)}