.welcome { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 30px 30px 26px; border-radius: 22px; color: var(--text); background: #0b0f1a; border: 1px solid var(--border); box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.8), 0 0 60px -20px var(--glow); }
.welcome::backdrop { background: rgba(2, 3, 8, 0.72); backdrop-filter: blur(5px); }
.welcome header { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; padding-right: 24px; }
.welcome h2 { font-size: clamp(1.35rem, 4vw, 1.75rem); margin: 0; line-height: 1.2; }
.welcome-hl { white-space: nowrap; background: linear-gradient(100deg, #7dd3fc, var(--accent-2)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-left: 4px; }
.welcome-icon { flex: none; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; font-size: 1.4rem; color: #7dd3fc; background: rgba(125, 211, 252, 0.1); }
.welcome p { color: var(--muted); margin: 0 0 14px; line-height: 1.6; }
.welcome p b { color: var(--text); }
.welcome-help { margin: 20px 0; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--border); background: rgba(255, 255, 255, 0.02); }
.welcome-help p { margin: 0 0 8px; }
.welcome-help a { color: #7dd3fc; font-weight: 500; }
.welcome-help a:hover { text-decoration: underline; }
.welcome-close { position: absolute; top: 14px; right: 16px; background: none; border: 0; color: var(--muted); font-size: 1.6rem; line-height: 1; cursor: pointer; padding: 4px; }
.welcome-close:hover { color: var(--text); }
.welcome-enter { width: 100%; padding: 14px; border: 0; border-radius: 14px; font: inherit; font-weight: 600; font-size: 1.02rem; cursor: pointer; color: #04050a; background: linear-gradient(100deg, #7dd3fc, var(--accent-2)); box-shadow: 0 10px 30px -8px rgba(125, 211, 252, 0.6); }
.welcome-enter:hover { filter: brightness(1.08); }