/* AWT CRM (c) All We Trade
   partner_login_1104 (2026-11-04): the sign-in pages' only AllWeTrade element, "Powered By:" + the AllWeTrade logo lockup
   with the wordmark slide of the allwetrade.com header (A, W, T fly out of the mark, then "ll", "e", "rade" unfold).
   Faithful copy of allwetrade.com: logo = /img/landing/awt-logo.png (byte copy, ../../images/awt/allwetrade-logo.png),
   plate + accent bar + wordmark styles from the site nav, keyframes + timings verbatim from its wordmark-rail chunk
   (build/assets/wordmark-rail-*.js). Sizes are the site's nav scaled to a footer (plate 44, mark 38, word 17 px).
   The offsets the keyframes need (--a-dx ...) are measured by assets/js/awt/awt-powered.js, as the site does.
   Font: Instrument Sans 600 (the site's font, SIL OFL 1.1, fonts/OFL-instrument-sans.txt), self-hosted. */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/instrument-sans-latin-600-normal.woff2) format('woff2');
}

.awt-powered { display: flex; align-items: center; justify-content: center; gap: 14px; width: max-content; max-width: 100%;
  margin: 22px auto 0; text-decoration: none !important; color: inherit; outline: none; }
.awt-powered-label { font: 600 12.5px/1 "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: .03em; color: rgba(255,255,255,.92); text-shadow: 0 1px 2px rgba(6,18,40,.45); white-space: nowrap; }
.awt-pw-lockup { position: relative; display: inline-flex; flex: none; align-items: center; }
.awt-pw-bar { position: absolute; top: 50%; left: -8px; width: 3px; height: 24px; border-radius: 999px; transform: translateY(-50%);
  background: linear-gradient(180deg, #4F8DF7 0%, #1B3A9B 52%, #F77921 100%); box-shadow: 0 0 12px rgba(27,58,155,0.35); }
.awt-pw-plate { position: relative; display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px 0 3px; border-radius: 12px;
  background: linear-gradient(160deg, #FFFFFF 0%, #EEF2FA 100%);
  box-shadow: inset 0 1px 0 #FFFFFF, inset 0 -1px 0 rgba(27,58,155,0.06), 0 0 0 1px rgba(27,58,155,0.1), 0 10px 20px -10px rgba(27,58,155,0.5), 0 2px 4px rgba(16,24,40,0.06);
  transition: transform 300ms cubic-bezier(.4,0,.2,1); }
.awt-powered:hover .awt-pw-plate, .awt-powered:focus-visible .awt-pw-plate { transform: translateY(-1px); }
.awt-powered:focus-visible .awt-pw-plate { box-shadow: 0 0 0 3px rgba(79,141,247,.55), 0 10px 20px -10px rgba(27,58,155,0.5); }
.awt-pw-mark { display: block; width: 38px; height: 38px; flex: none; filter: drop-shadow(0 3px 5px rgba(27,58,155,0.28)); }
.awt-pw-plate .awt-wm { font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif; font-size: 17px; line-height: 1.5; font-weight: 700;
  letter-spacing: -0.03em; text-shadow: 0 1px 0 rgba(255,255,255,0.95), 0 2px 3px rgba(27,58,155,0.18); }

/* ---- allwetrade.com wordmark (verbatim; light palette, tinted) ---- */
.awt-wm { position: relative; display: inline-block; white-space: nowrap; vertical-align: middle; --wm-a:#113576;--wm-a-tint:#335AA3;--wm-w:#389EE1;--wm-w-tint:#368EC9;--wm-t:#FE6E18;--wm-t-tint:#DB8024;--wm-ink:#0B1220; }
.awt-wm > .ghost { display: inline-flex; visibility: hidden; }
.awt-wm > .ghost > span { display: inline-block; }
.awt-wm > .row { position: absolute; left: 0; top: 0; display: inline-flex; }
.awt-wm .cap, .awt-wm .part { display: inline-block; position: relative; }
.awt-wm .cap-a { --c: var(--wm-a); --tint: var(--wm-a-tint); }
.awt-wm .cap-w { --c: var(--wm-w); --tint: var(--wm-w-tint); }
.awt-wm .cap-t { --c: var(--wm-t); --tint: var(--wm-t-tint); }
.awt-wm .cap { --rest: var(--wm-ink); color: var(--rest); }
.awt-wm .part { --rest: var(--wm-ink); color: var(--rest); }
.awt-wm.is-tinted .cap { --rest: var(--c); }
.awt-wm.is-tinted .part { --rest: var(--c); }
.awt-wm .part > span { display: inline-block; }
.awt-wm .cap::after { content: attr(data-ch); position: absolute; inset: 0; color: var(--c); opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  .awt-wm.is-live.is-from .cap {
    animation: awt-wm-emerge 520ms cubic-bezier(.2,.75,.25,1) both, awt-wm-rest 160ms ease-out both;
    animation-delay: var(--emerge-at), 2460ms;
  }
  .awt-wm.is-live.is-from .part {
    overflow-x: clip; overflow-y: visible;
    animation: awt-wm-unfold var(--unfold-ms) cubic-bezier(.45,0,.2,1) both, awt-wm-tint calc(var(--unfold-ms) + 120ms) ease-out both;
    animation-delay: var(--unfold-at), var(--unfold-at);
  }
}
@keyframes awt-wm-emerge {
  0% { transform: translate(var(--dx, -24px), var(--dy, 0px)) scale(.6); opacity: 0; color: var(--c); }
  30% { opacity: 1; }
  100% { transform: none; opacity: 1; color: var(--c); }
}
@keyframes awt-wm-rest { from { color: var(--c); } to { color: var(--rest); } }
@keyframes awt-wm-unfold { from { max-width: 0; } to { max-width: var(--w, 4em); } }
@keyframes awt-wm-tint {
  0% { color: var(--c); opacity: .35; }
  45% { opacity: 1; }
  100% { color: var(--rest); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .awt-pw-plate { transition: none; } }
@media (max-width: 380px) { .awt-powered { gap: 12px; } .awt-powered-label { font-size: 11.5px; } }