.qr-intro{min-height:100svh;display:flex;flex-direction:column;background:#181a1e;color:#f0f3f7;padding:26px;box-sizing:border-box}.qr-intro header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1000px;width:100%;margin:0 auto}.qr-intro header>span{font-size:13px;color:#aebed1}.qr-intro-content{max-width:480px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 0}.qr-intro-content>.one-shop-mark{width:160px;height:160px;background:#ecf4ff;margin-bottom:22px;border-radius:50%}.qr-shop{font-size:12px;color:#afc9e8;margin-bottom:15px}.qr-intro h1{font-size:31px;line-height:1.4;letter-spacing:-.04em;margin:0 0 14px}.qr-intro p{font-size:14px;line-height:1.85;color:#aebed1;margin:0 0 28px;max-width:390px}.qr-language-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.qr-language-grid button{min-height:49px;border:1px solid #414c5a;background:#242a32;color:#d9e5f3;border-radius:10px;font:inherit;font-size:13px;cursor:pointer;padding:9px 6px}.qr-language-grid button[aria-pressed=true]{border-color:#b2d1f5;background:#314b68;color:#fff}.qr-enter{margin-top:20px;background:#bad5f5;color:#183954;border:0;border-radius:12px;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:14px;font:inherit;font-weight:650;cursor:pointer}.qr-intro>small{font-size:10px;color:#7990ac;text-align:center}.qr-intro button:focus-visible{outline:3px solid #e5c482;outline-offset:3px}.qr-intro.compact{min-height:0;padding:10px;background:none}.qr-intro.compact .qr-intro-content{padding:0}.qr-intro.compact .one-shop-mark{width:68px;height:68px;margin:0 0 12px}.qr-intro.compact h1{font-size:18px}.qr-intro.compact p{font-size:11px;margin-bottom:15px}.qr-intro.compact .qr-shop{font-size:10px;margin-bottom:8px}.qr-intro.compact .qr-language-grid{gap:5px}.qr-intro.compact .qr-language-grid button{font-size:10px;min-height:38px;padding:6px 2px}.qr-intro.compact .qr-enter{min-height:40px;font-size:11px;margin-top:12px}.qr-intro.compact>small{display:none}@media(max-width:420px){.qr-intro{padding:22px 20px}.qr-intro-content{padding:25px 0}.qr-intro-content>.one-shop-mark{width:125px;height:125px;margin-bottom:18px}.qr-intro h1{font-size:27px}.qr-intro p{font-size:13px}.qr-language-grid button{font-size:12px}}