:host{display:block;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#38b6ff1f 0,transparent 55%),radial-gradient(circle at bottom right,#162f6520 0,transparent 55%),linear-gradient(160deg,#0b1630,#020617 60%,#000);color:#feffff}.qr-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:18px;position:relative;overflow:hidden}.qr-orbit,.qr-glow{position:absolute;border-radius:999px;pointer-events:none}.qr-orbit{width:460px;height:460px;border:1px dashed rgba(56,182,255,.35);box-shadow:0 0 50px #38b6ff33;animation:qr-orbit-spin 32s linear infinite}.qr-glow{width:220px;height:220px;background:radial-gradient(circle,#38b6ff60 0,transparent 55%);filter:blur(12px);animation:qr-glow-pulse 6s ease-in-out infinite}.qr-card{position:relative;background:radial-gradient(circle at top,#1a2747 0,#0b172f 40%,#020617);border-radius:22px;padding:22px 18px 18px;max-width:420px;width:100%;text-align:center;box-shadow:0 22px 60px #020617e6,0 0 0 1px #94a3b859;border:1px solid rgba(56,182,255,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.qr-logo-row{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.qr-logo{width:min(240px,70vw);height:auto;display:block;filter:drop-shadow(0 14px 24px rgba(2,6,23,.75));border-radius:18px}.qr-title{font-size:1.35rem;font-weight:600;color:#feffff;margin-bottom:10px;line-height:1.2}.qr-subtitle{font-size:.95rem;color:#e0e6ed;margin-bottom:18px;line-height:1.45}.qr-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.qr-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;background:transparent;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;width:215px;height:58px}.qr-badge img{display:block;width:105%;height:105%;object-fit:cover}.qr-badge:hover{transform:translateY(-1px) scale(1.02);background-color:transparent;box-shadow:0 0 0 1px #38b6ff80,0 10px 28px #162f65b3}.qr-hint{margin-top:18px;font-size:.9rem;color:#e0e6ed;line-height:1.45;font-weight:500}.qr-divider{margin-top:24px;margin-bottom:6px;display:flex;align-items:center;gap:8px;font-size:.82rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:.08em}.qr-divider:before,.qr-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#38b6ff,transparent)}@keyframes qr-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes qr-glow-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@media(max-width:420px){.qr-orbit{width:360px;height:360px;opacity:.55}.qr-glow{width:200px;height:200px;opacity:.7}.qr-card{padding:20px 16px 16px;border-radius:20px}.qr-badges{flex-direction:column;align-items:center}.qr-badge{width:min(280px,94vw);height:80px}.qr-badge img{width:105%;height:105%}}@media(prefers-reduced-motion:reduce){.qr-orbit,.qr-glow{animation:none!important}.qr-badge{transition:none}}