:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#061019;color:#e9f3f8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}header{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #20313e}.brand{font-size:25px;font-weight:650}.brand span{font-size:12px;color:#9eafb9;margin-left:12px;font-weight:400}nav{display:flex;gap:26px;font-size:14px;color:#acbdc9}a:hover{color:#49d6f6}a:focus-visible{outline:2px solid #49d6f6;outline-offset:6px}main{display:grid;grid-template-columns:1fr 390px;gap:88px;padding-top:64px;padding-bottom:72px;align-items:center}.eyebrow{font-size:13px;letter-spacing:2px;color:#6cdaf2}h1{font-size:clamp(36px,4.5vw,57px);line-height:1.2;margin:22px 0 28px}h1 span{color:#49d6f6}.intro>p:not(.eyebrow){font-size:16px;line-height:1.95;color:#a8bac6}.intro>.lead{font-size:19px!important;color:#d8e7ef!important}.topics{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.topics span{border:1px solid #294251;padding:9px 14px;font-size:13px}.intro>.privacy{font-size:13px!important;color:#829aa9!important}.back{display:inline-block;margin-top:20px;font-size:14px;color:#69d9ef}.qr-panel{text-align:center;border:1px solid #284050;background:#0b1a26;padding:24px}h2{font-size:20px;margin:0 0 20px}.qr-panel img{display:block;width:100%;height:auto;background:white;border-radius:6px}.qr-panel p{font-size:13px;line-height:1.8;color:#aac0ce;margin:18px 0}.save{display:inline-block;border:1px solid #428199;padding:10px 22px;font-size:14px}footer{border-top:1px solid #20313e;display:flex;gap:15px;align-items:center;min-height:88px;font-size:13px;color:#8ba1b0}footer a{margin-left:auto}@media(max-width:800px){header{flex-wrap:wrap;padding-top:22px;padding-bottom:22px}nav{gap:18px;flex-wrap:wrap;font-size:13px}main{grid-template-columns:1fr;gap:32px;padding-top:34px}.qr-panel{width:100%;max-width:390px;justify-self:center}.intro>p:not(.eyebrow){font-size:15px}.intro>.lead{font-size:17px!important}}@media(max-width:420px){header,main,footer{padding-left:20px;padding-right:20px}.brand span{font-size:11px}h1{font-size:36px}.qr-panel{padding:18px}}