.qr-page-hero{display:flex;gap:36px;justify-content:space-between;align-items:center;padding:24px 0 38px}.qr-page-hero h1{font-size:44px;margin-top:15px;letter-spacing:-1.8px}.qr-page-hero h1 span{color:#b8c7d3}.qr-page-hero .lead{max-width:570px}.qr-guide-card{max-width:310px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,#afe9ee0f,transparent),var(--glass);backdrop-filter:blur(20px)}.qr-guide-card p{font-size:14px;line-height:1.65;color:#dceaf1;margin-top:18px}.qr-guide-card>span:last-child{display:block;font-size:10px;line-height:1.7;color:#a7bbca;margin-top:13px}.qr-address-panel{display:grid;grid-template-columns:1fr minmax(330px,.9fr);gap:36px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#1a2a3547;backdrop-filter:blur(18px);margin-bottom:48px}.qr-address-panel h2{font-size:24px;font-weight:500;letter-spacing:-.5px;margin-top:10px}.qr-address-panel p{font-size:12px;line-height:1.7;color:#a9bdcc;margin-top:10px}.qr-address-panel label{display:block;color:#e5f0f6;font-size:12px;margin-bottom:8px}.qr-address-panel #qr-base{width:100%;min-width:0;padding:12px;border:1px solid #abcbd03b;border-radius:10px;color:#fff;background:#060f1880;font:12px "Segoe UI",sans-serif}.qr-address-panel #qr-base:focus{outline:2px solid #8ce2eb;outline-offset:2px}.qr-address-panel #qr-base::placeholder{color:#8da5b9}.qr-address-panel #qr-base-error{font-size:12px;color:#ffdbb8;background:#f7b3650b;border:1px solid #f7b36526;border-radius:10px;padding:12px}.qr-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-sector-card{display:grid;grid-template-columns:1fr 145px;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#def6ff08,transparent),var(--glass);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff07}.qr-sector-copy h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin-top:10px}.qr-sector-copy p{font-size:12px;color:#afbfcc;line-height:1.7;margin-top:9px}.qr-open{display:inline-flex;align-items:center;gap:10px;color:#d9f3f4;font-size:11px;margin-top:18px}.qr-open span{font-size:17px}.qr-code-wrap{text-align:center}.qr-code-wrap canvas{width:130px;height:130px;max-width:100%;background:#fff;image-rendering:pixelated}.qr-code-wrap span{display:block;color:#a5b8c7;font-size:9px;margin-top:6px}.qr-actions{grid-column:1 / -1;display:flex;gap:8px;padding-top:2px}.qr-actions .share-button{padding:9px 11px;font-size:10px}.qr-actions .share-button svg{width:15px;height:15px}@media(max-width:850px){.qr-page-hero{align-items:flex-start}.qr-address-panel{grid-template-columns:1fr}.qr-sector-grid{grid-template-columns:1fr}}@media(max-width:560px){.qr-page-hero{display:block;padding-bottom:30px}.qr-page-hero h1{font-size:35px}.qr-guide-card{margin-top:24px;max-width:none}.qr-address-panel{padding:21px;gap:22px;margin-bottom:35px}.qr-address-panel h2{font-size:22px}.qr-address-panel .share-address-row{flex-direction:column}.qr-address-panel .share-address-row .share-button{align-self:flex-start}.qr-sector-card{grid-template-columns:1fr;padding:21px}.qr-code-wrap{grid-row:1;grid-column:1}.qr-sector-copy{grid-row:2}.qr-sector-copy h3{font-size:21px}.qr-actions{grid-row:3;flex-wrap:wrap}.qr-actions .share-button{flex:1}}

.qr-shortcut{font-size:11px;color:#c4d7e2;white-space:nowrap;padding:9px 3px;border-bottom:1px solid transparent}.qr-shortcut:hover{color:#e9fbfc;border-color:#a8e7e8}@media(max-width:850px){.topbar{flex-wrap:wrap}.qr-shortcut{order:4;margin-left:auto}}@media(max-width:560px){.qr-shortcut{font-size:10px;margin-left:0}.topbar .top-link{margin-left:auto}.topbar{gap:10px}}