#demo-welcome{box-sizing:border-box;width:min(1080px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #45645b;border-radius:26px;background:linear-gradient(145deg,#101e30,#093a36);color:#fff;box-shadow:0 30px 100px #0008;font-family:Arial,sans-serif}#demo-welcome::backdrop{background:#08132299;backdrop-filter:blur(10px)}#demo-welcome *{box-sizing:border-box}.welcome-inner{padding:32px}.welcome-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.welcome-eyebrow{color:#69e7c4;font-weight:700;letter-spacing:2px;font-size:12px;margin:0}.welcome-close{border:1px solid #ffffff40;border-radius:50%;width:38px;height:38px;background:transparent;color:white;font-size:24px;cursor:pointer}#demo-welcome h2{font-size:clamp(27px,4vw,44px);line-height:1.08;margin:16px 0 12px;color:white;letter-spacing:-1px}.welcome-lead{color:#d8e5e7;line-height:1.5;margin:0 0 22px;max-width:720px}.welcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.welcome-card{background:#ffffff0c;border:1px solid #ffffff24;border-radius:18px;padding:16px}.welcome-card img{width:100%;height:165px;object-fit:contain;display:block;margin:0 auto 14px}.welcome-card h3{font-size:21px;color:#71edcc;margin:0 0 5px}.welcome-card b{font-size:14px}.welcome-card p{font-size:14px;line-height:1.45;color:#d8e5e7;margin:10px 0 0}.welcome-footer{margin-top:22px;display:flex;gap:18px;align-items:center;justify-content:space-between}.welcome-footer p{font-size:13px;color:#c6d7db;line-height:1.5;margin:0}.welcome-enter{background:#49e2b5;color:#062820;font-weight:bold;border:0;border-radius:30px;padding:16px 25px;white-space:nowrap;font-size:16px;cursor:pointer}.welcome-timing{display:flex;gap:12px;align-items:center;margin-top:18px;color:#b9cfcd;font-size:12px}.welcome-pause{background:transparent;color:#fff;border:0;text-decoration:underline;cursor:pointer;padding:6px}#demo-welcome button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:650px){.welcome-inner{padding:18px}.welcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.welcome-card{padding:12px}.welcome-card img{height:100px;margin-bottom:8px}.welcome-card h3{font-size:18px}.welcome-card p{font-size:12px;margin-top:7px}.welcome-card b{font-size:12px}.welcome-lead{font-size:14px;margin-bottom:15px}.welcome-footer{flex-direction:column;align-items:stretch;gap:12px}.welcome-timing{margin-top:10px}.welcome-footer p{font-size:12px}}