.app-qr-trigger { border: 0; cursor: pointer; }
.app-qr-trigger:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.app-qr-modal .modal-content { color: #fff; background: #160a2d; border: 1px solid rgba(166, 121, 243, .42); border-radius: 18px; box-shadow: 0 18px 60px rgba(8, 3, 20, .55); }
.app-qr-modal .modal-header { border-bottom: 1px solid rgba(255, 255, 255, .12); }
.app-qr-modal .modal-title { color: #fff; font-size: 22px; }
.app-qr-modal .close { color: #fff; opacity: .85; text-shadow: none; }
.app-qr-modal .modal-body { padding: 28px; }
.app-qr-caption { color: #d7d0e6; line-height: 1.7; }
.app-platform-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.app-platform-link { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 18px; border-radius: 12px; color: #fff; font-weight: 700; background: linear-gradient(135deg, #8b20ed, #5f13cf); transition: transform .2s ease, opacity .2s ease; }
.app-platform-link:hover { color: #fff; text-decoration: none; transform: translateY(-2px); }
.app-platform-link.is-unavailable { opacity: .45; cursor: not-allowed; background: #51466a; }
.app-platform-link i { font-size: 21px; }
.home_banner_outer.home-reference-bg { background-image: url('../images/work-bg-img.jpg'); background-position: center; background-size: cover; }
@media (max-width: 480px) { .app-platform-links { grid-template-columns: 1fr; } }