.modal__dialog:has(.first-welcome){width:min(770px,calc(100vw - 30px));max-height:min(92vh,900px);overflow:auto;padding:0;border:1px solid rgba(219,199,185,.3);border-radius:8px;background:#121a1e;box-shadow:0 28px 90px rgba(0,0,0,.62)}
.modal__dialog:has(.first-welcome) .modal__close{z-index:2;right:13px;top:13px;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:rgba(9,14,18,.7);color:#fff}
.first-welcome__image{height:clamp(175px,31vh,270px);overflow:hidden;background:#27393a}
.first-welcome__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.first-welcome__copy{padding:21px 30px 24px}
.first-welcome__copy .eyebrow{color:#e8b692;font-size:11px;text-transform:uppercase}
.first-welcome h2{margin:7px 0 12px;font:800 27px/1.17 Manrope,Inter,sans-serif;overflow-wrap:anywhere}
.first-welcome p{max-width:66ch;margin:0;color:#bfcbce;font-size:14px;line-height:1.65}
.first-welcome blockquote{margin:13px 0;padding:10px 14px;border-left:2px solid #dfaa86;background:rgba(255,255,255,.035);color:#f6e6d8;font:600 15px/1.5 Manrope,Inter,sans-serif}
.first-welcome blockquote span{display:block;margin-bottom:5px;color:#9ebbb8;font:600 10px Inter,sans-serif;text-transform:uppercase}
.first-welcome .primary-btn{display:block;min-width:120px;margin:0 auto;border-radius:5px;padding:10px 21px;background:#df8293;color:#160f13;font-weight:700}
.first-welcome__groups{display:grid;gap:10px;margin:20px 0}
.first-welcome__groups label{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff06;cursor:pointer}
.first-welcome__groups label:has(input:checked){border-color:#df829377;background:#df829311}
.first-welcome__groups input{accent-color:#df8293;width:20px;height:20px;flex-shrink:0}
.first-welcome__groups strong,.first-welcome__groups small{display:block}
.first-welcome__groups small{margin-top:4px;color:#a8b8bd;font-size:12px;line-height:1.5}
.first-welcome__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.first-welcome__actions .primary-btn{margin:0}
@media(max-width:600px){.first-welcome__image{height:220px}.first-welcome__image img{object-position:38% center}.first-welcome__copy{padding:19px 20px 25px}.first-welcome h2{font-size:22px}.first-welcome p{font-size:13px}.first-welcome blockquote{font-size:13px}}

.first-welcome-tour{box-sizing:border-box;position:fixed;inset:auto 16px max(16px,env(safe-area-inset-bottom));z-index:100102;display:block;width:min(520px,calc(100% - 32px));max-height:46dvh;margin:0 auto;padding:20px 22px;border:1px solid #9ac9ef88;border-radius:20px;background:#101b2a;color:#eef5fc;box-shadow:0 16px 70px #0008;overflow:auto;text-align:center}
.first-welcome-tour[hidden],.first-welcome-tour__resume[hidden],.first-welcome-tour__spotlight[hidden]{display:none!important}
.first-welcome-tour h2{margin:6px 0 10px;font-size:21px;line-height:1.3;overflow-wrap:anywhere}
.first-welcome-tour p{margin:0;font-size:14px;line-height:1.55}
.first-welcome-tour .first-welcome-tour__progress{font-size:12px;color:#9cc9ec}
.first-welcome-tour__actions,.first-welcome-tour__secondary{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.first-welcome-tour button,.first-welcome-tour__resume{min-height:44px;padding:10px 14px;border:1px solid #88b9db66;border-radius:12px;background:#1e354b;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.first-welcome-tour [data-tour-next]{background:#acd7f6;color:#102236;font-weight:700}
.first-welcome-tour button:disabled{opacity:.4;cursor:default}
.first-welcome-tour button[hidden]{display:none}
.first-welcome-tour__secondary button{font-size:12px;background:transparent}
.first-welcome-tour__spotlight{box-sizing:border-box;position:fixed;z-index:100101;pointer-events:none;border:2px solid #9ad4ff;border-radius:14px;box-shadow:0 0 0 9999px #030912a8;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}
.first-welcome-tour__resume{position:fixed;z-index:100102;right:16px;bottom:max(16px,env(safe-area-inset-bottom));color:#e9f5ff;max-width:calc(100vw - 32px)}
.first-welcome-tour button:focus-visible,.first-welcome-tour__resume:focus-visible{outline:2px solid #c6e6ff;outline-offset:3px}
@media(max-width:600px){.first-welcome-tour{padding:16px;max-height:48dvh}.first-welcome-tour h2{font-size:18px}.first-welcome-tour p{font-size:13px}.first-welcome-tour__actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.first-welcome-tour__spotlight{transition:none}}