html,body { margin:0; width:100%; height:100%; background:#fff; overflow:hidden; }
[hidden] { display:none!important; }
#intro-welcome { box-sizing:border-box; width:100%; height:100vh; height:100dvh; display:grid; place-items:center; padding:clamp(24px,6vw,80px); overflow:auto; }
#intro-welcome-content { width:100%; max-width:58rem; text-align:center; }
#intro-welcome-text { margin:0 0 clamp(26px,4vw,46px); color:#142f89; font:700 clamp(24px,3.1vw,42px)/1.45 Georgia,serif; }
#intro-start { max-width:100%; padding:14px 24px; border:1px solid #142f89; border-radius:6px; background:#142f89; color:white; font:600 clamp(16px,1.5vw,21px)/1.4 Georgia,serif; text-align:center; cursor:pointer; }
#intro-start:hover { background:#253e9c; }
#intro-start:focus-visible { outline:1px solid currentColor; outline-offset:8px; }
#intro-stage { position:fixed; inset:0; width:100%; height:100vh; height:100dvh; }
#intro-animation { display:block; width:100%; height:100%; }
.intro-skip { position:fixed; z-index:2; left:50%; transform:translateX(-50%); bottom:max(6px,env(safe-area-inset-bottom)); padding:6px; color:#142f89; font:11px/1.2 Arial,sans-serif; text-decoration:none; white-space:nowrap; }
.intro-skip:hover { text-decoration:underline; }
.intro-skip:focus-visible { outline:1px solid currentColor; outline-offset:1px; }
.intro-fallback { position:fixed; top:45%; width:100%; text-align:center; }