#web-welcome{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #e0daef;border-radius:24px;padding:30px 34px;background:#fff;color:#1d2944;box-shadow:0 30px 100px #17203d40;font:16px/1.65 Arial,sans-serif;overflow:auto;text-align:right}
#web-welcome::backdrop{background:#151c35a6;backdrop-filter:blur(5px)}
#web-welcome h1{font-size:32px;line-height:1.3;margin:24px 0 12px;letter-spacing:-.5px}
#web-welcome p{margin:8px 0 16px}.web-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700}.web-brand img{width:52px;height:52px;object-fit:contain}.web-brand small{display:block;font-size:12px;font-weight:400;color:#715cac}.web-actions{display:flex;gap:12px;margin:22px 0}.web-actions button{min-height:50px;border-radius:12px;border:1px solid #bfb0e5;font:700 17px Arial;padding:12px 22px;cursor:pointer;background:#f7f4fd;color:#53359a}.web-actions #web-open{background:#6b46c1;color:#fff;border-color:#6b46c1;flex:1}#web-welcome button:focus-visible{outline:3px solid #0e8791;outline-offset:3px}.web-steps{display:grid;gap:12px;padding-right:23px}.web-steps li::marker{color:#6b46c1;font-weight:bold}.web-steps b{display:block}.web-steps span{font-size:15px;color:#4d5870}.web-note{background:#eef8f6;border:1px solid #cee7e1;border-radius:14px;padding:14px 18px;margin-top:20px}.web-note p{font-size:14px;margin-bottom:0!important;color:#345a59}#web-welcome .web-small{font-size:13px;color:#59647a;margin-top:16px;margin-bottom:0}.web-compact{display:none}
@media(max-width:700px){#web-welcome{padding:23px 20px}#web-welcome h1{font-size:26px}.web-actions{flex-direction:column}.web-compact{display:block}}