*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#102a43;font:16px/1.6 system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}h1{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.2}p{margin:8px 0;color:#526679}a{color:#075d83}button,.button{display:inline-block;padding:10px 18px;background:#0a6b78;color:#fff;border:0;border-radius:8px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.scene{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#fff}.scene>img:first-child{display:block;width:100%;height:auto}.marker{position:absolute;width:12.67942584%;height:auto;aspect-ratio:1;image-rendering:pixelated}.qr-row{display:flex;align-items:center;gap:24px;background:white;border-radius:12px;padding:20px;margin-bottom:24px}.qr-row img{width:180px;height:180px}.qr-row h2{margin:0;font-size:24px}.hint{font-size:14px}.steps{display:flex;gap:28px;flex-wrap:wrap}.steps span{display:block}body:fullscreen main{padding:0;max-width:none}body:fullscreen header,body:fullscreen .actions,body:fullscreen .qr-row,body:fullscreen .hint{display:none}body:fullscreen .scene{border-radius:0;max-height:100vh}body:fullscreen .scene>img:first-child{width:100%;height:auto}@media(max-width:640px){main{padding:20px}header{align-items:flex-start;flex-direction:column}.qr-row{flex-direction:column;text-align:center}.steps{gap:10px;flex-direction:column}}