.glass { backdrop-filter: blur(10px); background: rgba(255,255,255,.08); }
html { scroll-behavior:smooth; }

.app { max-width: 1100px; margin: 24px auto; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.12); }
.tabs { background:#02063f; color:#fff; font-weight:600; letter-spacing:.3px; }
.tabs .nav-link { color:#dbeee6; }
.tabs .nav-link.active { color:#fff; background:#0d6efd; }
.section-title{ font-size: .95rem; text-transform: uppercase; letter-spacing:.06em; color:#5a5a5a; font-weight:700; margin-top:.75rem }
.qr-preview { background:#f8faf9; border:1px dashed #dbe3de; border-radius:14px; padding:16px; min-height: 520px; align-items:center; justify-content:center; display:flex; }
.qr-preview img { max-width: 100%; height:auto; }
.badge-tip{ background:#e8f6ef; color:#1a6f47; border:1px solid #bfe7d3 }
.form-text small{ color:#6b6b6b }
.dropdown-menu{background: #0f6d44; }
.qrSample{margin:0 auto;}