/* Tektek Academy app banner */
#tt-appb { position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 2147483000;
    display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 12px; border-radius: 18px;
    background: rgba(17, 15, 46, .96); color: #fff; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    transform: translateY(140%); opacity: 0; transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .3s ease; max-width: 520px; margin: 0 auto; }
#tt-appb.is-on { transform: none; opacity: 1; }
#tt-appb .tt-appb__x { flex: 0 0 auto; width: 28px; height: 28px; margin: 0 -4px 0 -2px; border: 0; border-radius: 50%; background: transparent;
    color: rgba(255, 255, 255, .6); font-size: 22px; line-height: 1; cursor: pointer; }
#tt-appb .tt-appb__icon { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 13px; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }
#tt-appb .tt-appb__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
#tt-appb .tt-appb__txt strong { font-size: 15px; font-weight: 700; color: #fff; }
#tt-appb .tt-appb__txt span { font-size: 13px; color: rgba(255, 255, 255, .78); margin-top: 2px; }
#tt-appb .tt-appb__txt small { font-size: 11.5px; color: rgba(255, 255, 255, .5); margin-top: 3px; }
#tt-appb .tt-appb__get { flex: 0 0 auto; padding: 9px 18px; border-radius: 999px; background: #5646E8; color: #fff !important; font-size: 14px;
    font-weight: 700; text-decoration: none !important; }
#tt-appb .tt-appb__get:active { background: #4436C9; }
