/* Trafficmarketingbg: account buttons, avatar menu and sign-up dialog */
[data-acct]{position:relative;display:flex;align-items:center;gap:8px}
.acct-btn{font:800 14px/1 "Manrope",system-ui,sans-serif;border:0;border-radius:12px;padding:11px 16px;cursor:pointer;white-space:nowrap;transition:transform .25s,box-shadow .25s,filter .25s}
.acct-btn:hover{transform:translateY(-2px)}
.acct-btn:active{transform:scale(.97)}
.acct-login{background:#0c1a33;color:#fff;box-shadow:0 10px 24px -12px rgba(12,26,51,.7)}
.acct-signup{background:linear-gradient(110deg,#1d4fd1 0%,#12b5a7 100%);color:#fff;box-shadow:0 10px 26px -12px rgba(29,79,209,.75)}
.acct-icon{display:none;width:44px;height:44px;border-radius:50%;border:0;background:#0c1a33;cursor:pointer;place-items:center;padding:0}
.acct-icon svg{width:22px;height:22px;fill:none;stroke:#a3f25c;stroke-width:2;stroke-linecap:round}
.acct-chip{display:flex;align-items:center;gap:8px;border:0;cursor:pointer;background:rgba(255,255,255,.85);border-radius:999px;padding:4px 14px 4px 4px;font:800 14px "Manrope",system-ui,sans-serif;color:#0c1a33;box-shadow:0 0 0 2px #a3f25c,0 10px 24px -14px rgba(12,26,51,.6)}
.acct-chip .av{width:36px;height:36px;border-radius:50%;display:block}
.acct-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:focus-visible.acct-btn,.acct-chip:focus-visible,.acct-icon:focus-visible{outline:3px solid #2463eb;outline-offset:3px}

/* avatar menu (dark card, lime accents) */
.acct-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:70;width:320px;max-width:calc(100vw - 24px);background:#101c33;color:#eef3fb;border-radius:20px;padding:14px;
  box-shadow:0 30px 70px -20px rgba(5,12,30,.75);border:1px solid rgba(255,255,255,.08);font:500 15px/1.4 "Manrope",system-ui,sans-serif;text-align:left;animation:am-in .22s ease-out}
@keyframes am-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.am-head{display:flex;align-items:center;gap:12px;padding:4px 4px 12px}
.am-head .av.lg{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 3px #a3f25c}
.am-head b{display:block;font-size:16px;color:#fff;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-head span{display:block;font-size:13px;color:#9fb0c8;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-points{background:#18284a;border-radius:14px;padding:12px 14px}
.pts-top{display:flex;justify-content:space-between;align-items:center;font-weight:800}
.pts-top b{color:#a3f25c}
.pts-dots{display:flex;gap:4px;margin:10px 0 8px}
.pts-dots i{flex:1;height:8px;border-radius:4px;background:rgba(163,242,92,.18)}
.pts-dots i.on{background:#a3f25c}
.am-points p{margin:0;font-size:12.5px;color:#9fb0c8}
.am-lbl{margin:14px 4px 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb0c8}
.av-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 2px}
.av-pick{border:0;padding:2px;border-radius:50%;background:transparent;cursor:pointer;line-height:0;transition:transform .2s}
.av-pick img{width:100%;height:auto;border-radius:50%}
.av-pick:hover{transform:scale(1.08)}
.av-pick.on{box-shadow:0 0 0 3px #a3f25c}
.av-pick:focus-visible{outline:3px solid #2ee6d6;outline-offset:2px}
.am-items{display:grid;margin-top:12px}
.acct-menu .mi{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:10px;color:#eef3fb;text-decoration:none;font:700 15px "Manrope",system-ui,sans-serif;background:none;border:0;width:100%;cursor:pointer;text-align:left}
.acct-menu .mi:hover,.acct-menu .mi:focus-visible{background:rgba(255,255,255,.07);outline:none}
.acct-menu .mi svg{width:20px;height:20px;fill:none;stroke:#9fb0c8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.am-sep{height:1px;background:rgba(255,255,255,.1);margin:8px 4px}

/* sign-up / login dialog */
.tm-auth{border:0;padding:0;border-radius:24px;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#fff;color:#0c1a33;
  box-shadow:0 40px 90px -30px rgba(5,12,30,.6);font:500 15px/1.5 "Manrope",system-ui,sans-serif}
.tm-auth::backdrop{background:rgba(12,26,51,.55);backdrop-filter:blur(6px)}
.tm-auth-in{padding:30px 26px 24px;border-top:5px solid transparent;border-image:linear-gradient(110deg,#2ee6d6,#a3f25c) 1}
.tm-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:#f0f4fa;color:#0c1a33;font-size:22px;cursor:pointer}
.tm-auth h2{font:700 24px/1.15 "Unbounded","Arial Black",system-ui,sans-serif;margin:0 40px 6px 0;letter-spacing:-.01em}
.af-sub{margin:0 0 18px;color:#33445f}
.af{display:grid;gap:6px;margin-bottom:14px;font-weight:700;font-size:14px;color:#33445f;position:relative}
.af input{width:100%;font:500 16px "Manrope",system-ui,sans-serif;color:#0c1a33;background:#fff;border:1px solid rgba(12,26,51,.18);border-radius:12px;padding:12px 14px}
.af input:focus{outline:0;border-color:#12b5a7;box-shadow:0 0 0 4px rgba(18,181,167,.18)}
.af input[aria-invalid="true"]{border-color:#c62828;box-shadow:0 0 0 4px rgba(198,40,40,.12)}
.af small{font-weight:600;color:#5d6b82;font-size:12.5px}
.af-eye{position:absolute;right:8px;top:30px;width:36px;height:36px;border:0;background:none;cursor:pointer;border-radius:8px}
.af-eye svg{width:20px;height:20px;fill:none;stroke:#5d6b82;stroke-width:2}
.af-eye.on svg{stroke:#12b5a7}
.af input[type=password],.af input[name=password]{padding-right:48px}
.af-code{font-size:26px!important;letter-spacing:.5em;text-align:center;font-weight:800!important}
.af-err{display:block;font-size:13px;font-weight:700;color:#b3261e}
.af-err:empty{display:none}
.af-check{display:flex;gap:10px;align-items:flex-start;margin:4px 0 10px;font-size:14px;color:#33445f;cursor:pointer}
.af-check input{width:19px;height:19px;flex:none;margin-top:1px;accent-color:#12b5a7}
.af-check a{color:#1d4fd1;font-weight:700}
.af-msg{margin:6px 0 10px;font-size:14px;font-weight:700;color:#b3261e}
.af-msg.ok{color:#075a53}
.af-msg:empty{display:none}
.af-btn{width:100%;border:0;border-radius:12px;padding:15px;font:800 16px "Manrope",system-ui,sans-serif;color:#0c1a33;cursor:pointer;background:linear-gradient(110deg,#2ee6d6 0%,#a3f25c 100%);box-shadow:0 12px 28px -12px rgba(18,181,167,.8)}
.af-btn:disabled{opacity:.6;cursor:wait}
.af-switch{margin:14px 0 0;text-align:center;font-size:14px;color:#33445f}
.af-link{border:0;background:none;padding:0;font:800 14px "Manrope",system-ui,sans-serif;color:#1d4fd1;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.af-forgot{display:block;margin:-6px 0 8px auto}

/* thank-you window after a product download */
.tm-thanks a.af-btn{display:block;text-align:center;text-decoration:none}
.tk-pts{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border-radius:16px;background:#101c33;color:#fff}
.tk-pts b{flex:none;font:700 20px/1 "Unbounded","Arial Black",system-ui,sans-serif;color:#a3f25c}
.tk-pts span{font-size:14px;font-weight:600;color:#c9d6ea}
.tk-note{margin:-6px 0 12px;font-size:13.5px;font-weight:700;color:#075a53}
.tk-more{margin:14px 0 0;text-align:center;font-size:14px}
.tk-more a{color:#1d4fd1;font-weight:800;text-underline-offset:3px}

/* toast */
.tm-toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0c1a33;color:#fff;padding:12px 18px;border-radius:12px;
  font:700 14px "Manrope",system-ui,sans-serif;box-shadow:0 18px 40px -16px rgba(5,12,30,.7);border-left:4px solid #a3f25c;transition:.3s}
.tm-toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:760px){
  .acct-btn{display:none}
  .acct-icon{display:grid}
  .acct-name{display:none}
  .acct-chip{padding:3px;box-shadow:0 0 0 2px #a3f25c}
  .acct-menu{position:fixed;top:76px;right:12px;left:12px;width:auto}
}
@media (prefers-reduced-motion:reduce){.acct-menu{animation:none}.tm-toast{transition:none}}