:root{--bg:#0b0e16;--card:#111728;--muted:#9fb0c9;--text:#eaf1ff;--brand:#6aa6ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px}.hero{padding:64px 0 24px;background:linear-gradient(180deg,#090d16cc,#090d1600)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--brand);color:#0b1130;font-weight:600;border:0;cursor:pointer}.btn.secondary{background:#1a2340;color:var(--text);border:1px solid #2a365d}.grid{display:grid;gap:24px}@media (min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card);border:1px solid #1b2442;border-radius:18px;padding:20px;box-shadow:0 10px 30px #00000040}.card h3{margin:0 0 8px}.card p{margin:0 0 16px;color:var(--muted)}.card img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:1px solid #243056}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.qrBox{display:flex;gap:16px;align-items:center;margin-top:12px}.qr{width:128px;height:128px;background:#fff;border-radius:12px;padding:8px;border:1px solid #dbe2f5}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{background:#152040;border:1px solid #24325f;color:#cfe1ff;padding:6px 10px;border-radius:999px;font-size:12px}.footerNote{color:#9fb0c9;font-size:14px;margin-top:10px}.center{display:flex;align-items:center;justify-content:center;height:100%}.cameraWrap{position:relative;width:100%;aspect-ratio:9/16;max-width:680px;margin:16px auto;border-radius:16px;overflow:hidden;border:1px solid #243056;background:#000}.overlayTip{position:absolute;left:50%;top:12px;transform:translate(-50%);background:#0a0e1aa6;padding:8px 12px;border-radius:12px;border:1px solid #2a365d}