.system-shell{--sp-ink:#092b50;--sp-muted:#4f6781;min-height:100dvh;color:var(--sp-ink);background:linear-gradient(125deg,#005eb8 0 22%,#dce9f6 22.1%,#f4f7fa 70%,#d6e6f5 100%);grid-template-rows:auto 1fr;display:grid}.system-shell>.public-header-slot,.system-shell>header{width:min(1600px,100%);margin:0 auto}.system-shell>.nord-home{width:100%;max-width:1600px;margin:0 auto;padding-bottom:0}.system-top{align-items:center;padding:20px 28px;display:flex}.system-brand{background:#fffffff0;border-radius:14px;align-items:center;min-height:44px;padding:8px 16px;display:inline-flex;box-shadow:0 6px 20px -12px #092b5055}.system-brand .hokeypool-logo{width:150px;height:auto}.system-page{align-content:center;justify-items:center;gap:18px;padding:32px 20px 56px;display:grid}.system-card{border-top:4px solid var(--hp-blue,#005eb8);background:#fff;border-radius:22px;gap:14px;width:min(560px,100%);padding:34px 34px 30px;display:grid;position:relative;box-shadow:0 30px 60px -38px #092b5080,0 2px 8px #092b500f}.system-shell[data-tone=red] .system-card{border-top-color:var(--hp-red,#e4002b)}.system-mark{background:#fff;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:-28px;right:28px;box-shadow:0 10px 24px -10px #092b5066}.system-mark .hokeypool-mark{width:36px;height:36px}.system-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--hp-red,#e4002b);margin:0;font-size:12px;font-weight:800}.system-card h1{font:700 clamp(36px,6vw,54px)/.95 var(--font-display,inherit);letter-spacing:-.01em;text-transform:uppercase;color:var(--sp-ink);text-wrap:balance;margin:0}.system-lead{gap:10px;display:grid}.system-lead p{color:var(--sp-muted);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.system-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.system-action{min-height:50px;color:var(--sp-ink);font:700 15px/1.2 var(--font-body,inherit);cursor:pointer;background:#fff;border:1.5px solid #c9d8e6;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s,border-color .16s;display:inline-flex}.system-action.is-primary{border-color:var(--hp-red,#e4002b);background:var(--hp-red,#e4002b);color:#fff;box-shadow:0 10px 22px -12px #e4002b99}@media (hover:hover) and (pointer:fine){.system-action:hover{border-color:#8fb1d0}.system-action.is-primary:hover{background:#c20025;border-color:#c20025}}.system-action:focus-visible,.system-links a:focus-visible,.system-brand:focus-visible{outline-offset:3px;outline:3px solid #0a4f99}.system-links{border-top:1px solid #e3ebf3;flex-wrap:wrap;gap:4px 20px;margin-top:4px;padding-top:14px;display:flex}.system-links a{min-height:44px;color:var(--hp-blue,#005eb8);align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.system-links a span{transition:transform .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.system-links a:hover span{transform:translate(3px)}}.system-page>.lost-link{background:#fffffff2;border-radius:18px;width:min(560px,100%);margin:0}@keyframes system-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.system-card{animation:.36s cubic-bezier(.23,1,.32,1) backwards system-arrive}.system-page>.lost-link{animation:.36s cubic-bezier(.23,1,.32,1) 80ms backwards system-arrive}html:not([data-input-modality=keyboard]) .system-action:active{transform:scale(.97)}}@media (max-width:600px){.system-shell{background:linear-gradient(160deg,#005eb8 0 17%,#dce9f6 17.1%,#f4f7fa 70%,#d6e6f5 100%)}.system-top{padding:12px}.system-page{align-content:start;padding:40px 14px}.system-card{border-radius:18px;padding:28px 20px 22px}.system-mark{border-radius:14px;width:48px;height:48px;top:-24px;right:18px}.system-mark .hokeypool-mark{width:30px;height:30px}.system-actions{display:grid}.system-action{width:100%}}.system-help{margin:0;font-size:14px}.system-help a{min-height:44px;color:var(--sp-ink);align-items:center;font-weight:700;display:inline-flex}