.intro-overlay{position:fixed;inset:0;z-index:10000;background:#032c42b8;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;overflow:auto;font:14px/1.6 Inter,system-ui,sans-serif;color:#173b4d}.intro-dialog{width:min(600px,100%);max-height:92dvh;overflow:auto;border-radius:22px;background:white;box-shadow:0 25px 80px #021d4277}.intro-hero{height:185px;background-color:#07516d;background-size:cover;background-position:center 25%;padding:28px;display:flex;align-items:flex-start}.intro-hero img{width:165px;filter:brightness(0) invert(1)}.intro-body{padding:28px;text-align:center}.intro-body :is(h1,h2){font-size:27px;line-height:1.25;letter-spacing:-.7px;margin:0 0 12px;color:#173b4d}.intro-body p{margin:12px 0;color:#537180}.intro-tagline{font-size:17px}.intro-topics{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:11px;margin:20px 0}.intro-topics span{background:#eff7f9;padding:6px 10px;border-radius:10px}.intro-primary,.intro-secondary{display:block;width:100%;box-sizing:border-box;text-align:center;padding:12px 18px;border-radius:30px;text-decoration:none;font:600 14px/1.5 Inter,system-ui,sans-serif;cursor:pointer}.intro-primary{background:#008796;border:1px solid #008796;color:white}.intro-secondary{background:white;color:#176076;border:1px solid #176076;margin-top:11px}.intro-replay{font-size:11px!important}.intro-page{margin:0;background:#06354d}.intro-page .intro-overlay{position:relative;min-height:100dvh;box-sizing:border-box}.intro-tour{width:min(820px,100%)}.intro-tour .intro-hero{height:115px}.intro-progress{display:flex;align-items:center;gap:8px;font-size:12px}.intro-progress span{width:10px;height:10px;border-radius:50%;background:#dbe5ea}.intro-progress .current{background:#0099aa}.intro-step-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;min-height:220px;text-align:left}.intro-illustration{width:100%;max-height:235px;object-fit:contain}.intro-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.intro-navigation>form,.intro-navigation>.intro-primary{flex:1}.intro-navigation a{font-size:12px;white-space:nowrap}.intro-skip{background:none;border:0;color:#176076;padding:10px;cursor:pointer}.intro-dialog :is(a,button):focus-visible{outline:3px solid #48bbc5;outline-offset:3px}.intro-navigation form{margin:0}.intro-dialog form{max-width:none}.intro-dialog button{margin-bottom:0}.intro-overlay *{box-sizing:border-box}
@media(max-width:600px){.intro-overlay{padding:14px}.intro-hero{height:145px;padding:22px}.intro-body{padding:22px}.intro-body :is(h1,h2){font-size:22px}.intro-step-content{grid-template-columns:1fr;gap:15px;min-height:0}.intro-illustration{max-height:155px}.intro-navigation{gap:9px;flex-wrap:wrap}.intro-navigation .intro-primary{font-size:12px;padding:11px}.intro-tour .intro-hero{height:85px}.intro-hero img{width:130px}.intro-topics{gap:5px}}

.intro-topics span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;max-width:24%;background:none;padding:4px}.intro-topics img{width:58px;height:40px;object-fit:contain}.intro-topics{justify-content:space-around}

.intro-dialog:focus{outline:none}

body:not(.intro-page):has(.intro-overlay),html:has(body:not(.intro-page) .intro-overlay){overflow:hidden}