#welcome-dialog{position:fixed;inset:0;margin:auto;width:min(820px,94vw);max-height:90dvh;overflow:auto;padding:38px;border:1px solid #8ac6cd55;border-radius:22px;color:#eaf2f5;background:radial-gradient(ellipse at 100% 0,#29505a66,transparent 65%),#10232e;box-shadow:0 30px 100px #0008;font-family:inherit}
#welcome-dialog::backdrop{background:#04131cc2;backdrop-filter:blur(7px)}
#welcome-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:1px solid #aac9d044;border-radius:10px;background:#ffffff08;color:#eef9ff;font-size:25px;cursor:pointer}
.welcome-badge{font-size:10px;font-weight:750;letter-spacing:.17em;color:#8bd0d5;display:block;margin:0 40px 20px 0}
#welcome-title{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}#welcome-title span{color:#efd49c}.welcome-intro{font-size:16px;line-height:1.7;color:#bfd1d9;max-width:650px}
.welcome-activities{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.welcome-activities section{padding:18px;border:1px solid #ffffff15;background:#ffffff04;border-radius:12px}.welcome-activities section>span{font-size:25px}.welcome-activities h2{font-size:16px;margin:10px 0 8px}.welcome-activities p{font-size:13px;color:#abc2cb;line-height:1.65;margin:0}
.welcome-controls{border-top:1px solid #ffffff18;padding-top:19px;font-size:12px;line-height:2;color:#a8c2cb}.welcome-controls b{color:#e9d4a9;white-space:nowrap}.welcome-note{font-size:12px;line-height:1.65;color:#8faab7}#welcome-start{width:100%;min-height:49px;margin-top:12px;padding:12px 20px;border:1px solid #ddc18b;border-radius:10px;background:#e5c894;color:#172731;font-size:15px;font-weight:750;cursor:pointer}#welcome-start:hover{background:#f1dbb3}#welcome-dialog button:focus-visible{outline:2px solid #b9f4ff;outline-offset:4px}
@media(max-width:560px){#welcome-dialog{padding:24px 20px}.welcome-activities{grid-template-columns:1fr}.welcome-activities section{padding:14px}}