:root { --muted:#36454f; --cyan:#000080; --lime:#08752a; --pink:#b00082; --yellow:#a64b00; }
.hub-welcome { position:relative; padding:40px 40px 0; overflow:hidden; margin-bottom:34px; }
.hub-welcome .eyebrow,.access-panel .eyebrow { color:#000080; }
.hub-welcome h2 { position:relative; z-index:1; font-size:clamp(32px,5.5vw,62px); }
.hub-welcome p { position:relative; z-index:1; max-width:620px; color:var(--muted); line-height:1.6; }
.hub-spark { position:absolute; right:10px; top:2px; font-size:260px; color:var(--cyan); opacity:.08; transform:rotate(-12deg); }
.hub-label { color:var(--cyan); margin:30px 0 16px; }
.hub-project { padding:28px; display:flex; flex-direction:column; align-items:flex-start; }
.hub-project h3 { color:var(--lime); font-size:30px; margin:8px 0; }
.hub-project p { color:var(--muted); line-height:1.6; flex:1; }
.hub-project .button { margin-top:12px; }
.hub-icon { font-size:55px; margin-top:22px; color:var(--lime); }
.santa-card h3,.santa-card .hub-icon { color:var(--pink); }
.nav-bar a[aria-current="page"] { border-color:var(--cyan); color:var(--cyan); }
.access-panel { max-width:760px; margin:24px auto; padding:32px; }
.access-panel h2 { font-size:clamp(26px,5vw,42px); overflow-wrap:anywhere; }
.access-panel p { line-height:1.6; }
.access-panel input { width:100%; padding:12px; font:inherit; margin:8px 0 16px; }
.access-panel button { cursor:pointer; margin:8px 8px 8px 0; }
.access-panel img { width:256px; max-width:100%; background:white; margin:20px 0; }
.access-panel a { color:var(--cyan); }
:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
@media(max-width:600px) { .hub-welcome { padding:22px 22px 0; } .hub-project,.access-panel { padding:22px; } .masthead .badge { display:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; } }