.welcome-dialog{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px 32px;border:1px solid #fff;border-radius:28px;background:#f6f4eb url('./assets/card-drawing-paper.png') center/540px;color:#142c3c;box-shadow:0 24px 80px #142c3c30;overflow:auto;font-family:var(--font-ui),sans-serif}
.welcome-dialog::backdrop{background:#142c3c65;backdrop-filter:blur(9px)}
.welcome-dialog header,.welcome-dialog footer,.welcome-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.welcome-wordmark{font-family:'Lora',serif;font-size:25px;letter-spacing:.02em}
.welcome-dialog button{min-height:44px;border:0;background:transparent;color:#385a70;padding:10px 12px;border-radius:22px;font:inherit;font-size:14px;cursor:pointer}
.welcome-dialog button:hover{background:#91c8e433}.welcome-dialog button:focus-visible{outline:2px solid #4682a9;outline-offset:3px}
.welcome-art{height:220px;display:grid;place-items:center;margin:22px 0 18px}
.welcome-places{display:flex;gap:12px;width:100%;align-items:center;padding:10px}
.welcome-places figure{width:50%;margin:0;background:#fff;padding:7px 7px 12px;box-shadow:0 5px 15px #142c3c12;transform:rotate(-6deg)}
.welcome-places figure+figure{transform:rotate(6deg) translateY(12px)}
.welcome-places img{width:100%;height:138px;object-fit:cover;display:block}.welcome-places figcaption{text-align:center;font-size:12px;margin-top:9px;letter-spacing:.08em}
.welcome-clock{width:210px;height:210px;border-radius:50%;background:#91c8e426;border:1px solid #749bc24d;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#4682a9}
.welcome-clock strong{font-family:'Lora',serif;font-weight:500;font-size:36px;white-space:nowrap}.welcome-clock strong span{font-size:26px}.welcome-clock small{font-size:12px}
.welcome-bag{width:215px;height:215px;object-fit:contain}
.welcome-copy{min-height:185px}.welcome-copy .welcome-step{font-size:12px;color:#56788f;letter-spacing:.08em;margin:0 0 12px}.welcome-copy h2{font-size:25px;line-height:1.4;font-weight:600;margin:0 0 14px;outline:0;letter-spacing:0}
.welcome-copy>p:not(.welcome-step){font-size:15px;line-height:1.9;margin:0 0 12px}.welcome-copy>small{display:block;font-size:12px;line-height:1.75;color:#566976}
.welcome-dialog footer{margin-top:24px}.welcome-dots{display:flex;gap:6px}.welcome-dots span{height:6px;width:6px;background:#bdcdd6;border-radius:5px}.welcome-dots .active{width:20px;background:#4682a9}
.welcome-dialog .welcome-next{background:#4682a9;color:white;padding-inline:23px}.welcome-dialog .welcome-next:hover{background:#3a7196}
@media(max-width:480px){.welcome-dialog{padding:22px;width:calc(100% - 28px);border-radius:24px}.welcome-art{height:190px;margin:16px 0}.welcome-places img{height:118px}.welcome-copy h2{font-size:23px}.welcome-copy{min-height:194px}.welcome-actions{gap:4px}.welcome-dialog .welcome-next{padding-inline:17px}.welcome-bag{width:190px;height:190px}.welcome-clock{width:180px;height:180px}}
@media(max-height:650px){.welcome-art{height:140px;margin:12px 0}.welcome-places img{height:90px}.welcome-clock,.welcome-bag{width:135px;height:135px}.welcome-clock{gap:5px}.welcome-clock strong{font-size:27px}.welcome-copy{min-height:0}.welcome-dialog footer{margin-top:16px}}