/* =====================================================================
   ToolCookies member theme (member.toolcookies.com)
   Same dark look as toolcookies.com and the sign-up page.
   body.tc-member = member area (dashboard, profile, payment history ...)
   body.tc-auth   = login / reset password
   ===================================================================== */
body.tc-member,body.tc-auth,.tc-member .modal,.tc-member .dropdown-menu{
  --tc-bg:#090E0B; --tc-bg2:#0E1611; --tc-s1:#121B16; --tc-s2:#17231C; --tc-line:#1E2B23; --tc-line2:#2A3B30;
  --tc-text:#EDF5F0; --tc-text2:#C1CFC6; --tc-muted:#8C9E93; --tc-dim:#5E6E64;
  --tc-acc:#2BC983; --tc-acc2:#4ADE95; --tc-on:#04140C; --tc-tint:#10281C; --tc-yellow:#FFC21A; --tc-err:#FF6B6B;
  --tc-acc-soft:rgba(43,201,131,.10);
  --tc-grad:linear-gradient(180deg,#3BD992 0%,#2BC983 60%,#22B474 100%);
  --tc-3d:0 3px 0 #168A57,0 14px 26px -14px rgba(43,201,131,.8),inset 0 1px 0 rgba(255,255,255,.3);
  --tc-fd:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --tc-fs:'Instrument Serif',Georgia,serif;
  --tc-fb:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --tc-side-w:264px; --tc-top-h:68px;
}
html:has(body.tc-member),html:has(body.tc-auth){background:#090E0B}
body.tc-member,body.tc-auth{margin:0;min-height:100vh;color:var(--tc-text);font-family:var(--tc-fb);font-size:15px;line-height:1.55;letter-spacing:normal;
  background:radial-gradient(900px 420px at 60% -160px,rgba(43,201,131,.12),transparent 70%),radial-gradient(rgba(237,245,240,.045) 1px,transparent 1.2px) 0 0/22px 22px,#090E0B!important;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
.tc-member *,.tc-auth *{box-sizing:border-box}
.tc-member a{color:var(--tc-acc2);text-decoration:none}
.tc-member a:hover{color:#7BEDB4}
.tc-member ::selection{background:rgba(43,201,131,.35);color:#fff}
.tc-member .preloader{display:none!important}

/* ---------- logo ---------- */
.tc-logo{display:inline-flex;align-items:center;color:var(--tc-text)!important;text-decoration:none!important;white-space:nowrap}
.tc-logo-w{font-family:var(--tc-fd);font-weight:800;font-size:23px;letter-spacing:-.045em;line-height:1;color:var(--tc-text)}
.tc-mark{width:38px;height:38px;margin:-6px 1px -6px 3px}
.tc-mark .mk-h{transform-box:fill-box;transform-origin:86% 86%;animation:tcTap .8s cubic-bezier(.2,.8,.2,1) .8s 2}
.tc-mark .mk-w{transform-box:fill-box;transform-origin:50% 50%}
.tc-logo:hover .mk-h{animation:tcTap .8s cubic-bezier(.2,.8,.2,1)}
.tc-logo:hover .mk-w{animation:tcTurn .9s cubic-bezier(.2,.8,.2,1) .1s}
@keyframes tcTap{35%{transform:rotate(-26deg)}62%{transform:rotate(6deg)}78%{transform:rotate(0)}}
@keyframes tcTurn{40%{transform:rotate(30deg)}70%{transform:rotate(-6deg)}}

/* ---------- small shared bits ---------- */
.tc-icon-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--tc-line);background:var(--tc-s1);color:var(--tc-text2);cursor:pointer;transition:border-color .15s,color .15s}
.tc-icon-btn:hover{border-color:var(--tc-line2);color:var(--tc-text)}
.tc-icon-btn svg{width:20px;height:20px}
.tc-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border:0;border-radius:999px;background:var(--tc-grad);color:var(--tc-on)!important;
  font-family:var(--tc-fd);font-size:15px;font-weight:750;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:var(--tc-3d);transition:transform .12s,filter .15s}
.tc-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.tc-btn svg{width:17px;height:17px}
.tc-btn-sm{height:40px;padding:0 16px;font-size:14px;box-shadow:0 2px 0 #168A57,0 10px 20px -12px rgba(43,201,131,.8)}
.tc-av{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-grad);color:var(--tc-on);font-family:var(--tc-fd);font-size:16px;font-weight:800}

/* =====================================================================
   SIDEBAR
   ===================================================================== */
.tc-side{position:fixed;z-index:1040;top:0;left:0;bottom:0;width:var(--tc-side-w);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(43,201,131,.05),transparent 240px),#0B120E;border-right:1px solid var(--tc-line)}
.tc-side-head{display:flex;align-items:center;justify-content:space-between;height:var(--tc-top-h);padding:0 18px 0 20px;border-bottom:1px solid var(--tc-line)}
.tc-side-x{display:none}
.tc-nav{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:var(--tc-line2) transparent}
.tc-nav-a{appearance:none;position:relative;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:11px 12px;border:0;border-radius:13px;background:transparent;
  color:var(--tc-muted)!important;font:600 14.5px/1.2 var(--tc-fb);text-align:left;text-decoration:none!important;cursor:pointer;transition:background .15s,color .15s}
.tc-nav-a svg{flex:0 0 20px;width:20px;height:20px}
.tc-nav-a span{flex:1;min-width:0}
.tc-nav-a:hover{background:var(--tc-s1);color:var(--tc-text)!important}
.tc-nav-a.is-on{background:linear-gradient(90deg,rgba(43,201,131,.18),rgba(43,201,131,.04));color:var(--tc-text)!important;box-shadow:inset 0 0 0 1px rgba(43,201,131,.3)}
.tc-nav-a.is-on svg{color:var(--tc-acc)}
.tc-nav-a.is-on:before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--tc-acc)}
.tc-nav-a em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--tc-yellow);color:#16130E}
.tc-nav-chev{display:inline-flex;transition:transform .2s}
.tc-nav-chev svg{width:16px;height:16px;flex-basis:16px}
.tc-nav-group.is-open .tc-nav-chev{transform:rotate(180deg)}
.tc-nav-group.has-on>.tc-nav-tg{color:var(--tc-text)!important}
.tc-nav-sub{display:none;margin:2px 0 6px 22px;padding-left:12px;border-left:1px solid var(--tc-line2)}
.tc-nav-group.is-open .tc-nav-sub{display:grid;gap:1px}
.tc-nav-s{display:block;padding:8px 12px;border-radius:10px;color:var(--tc-muted)!important;font-size:13.5px;font-weight:600;text-decoration:none!important}
.tc-nav-s:hover{background:var(--tc-s1);color:var(--tc-text)!important}
.tc-nav-s.is-on{color:var(--tc-acc2)!important;background:var(--tc-tint)}
.tc-nav-cap{margin:18px 12px 6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tc-dim)}
.tc-side-foot{padding:14px 12px 16px;border-top:1px solid var(--tc-line);display:grid;gap:8px}
.tc-help{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;border:1px dashed rgba(37,211,102,.45);background:linear-gradient(110deg,rgba(37,211,102,.12),rgba(37,211,102,.02));text-decoration:none!important;transition:border-color .15s}
.tc-help:hover{border-style:solid;border-color:#25D366}
.tc-help-ico{flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#25D366;color:#04140C}
.tc-help-ico svg{width:18px;height:18px}
.tc-help-t{display:flex;flex-direction:column;line-height:1.3}
.tc-help-t b{font-family:var(--tc-fd);font-size:14px;font-weight:750;color:var(--tc-text)}
.tc-help-t small{font-size:12px;color:var(--tc-muted)}
.tc-nav-out:hover{color:#FF8E8E!important;background:rgba(255,107,107,.08)}
.tc-scrim{display:none}

/* =====================================================================
   TOP BAR
   ===================================================================== */
.tc-top{position:sticky;top:0;z-index:1030;display:flex;align-items:center;gap:14px;height:var(--tc-top-h);margin-left:var(--tc-side-w);padding:0 28px;
  background:rgba(9,14,11,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--tc-line)}
.tc-burger,.tc-top-logo{display:none}
.tc-top-hi{font-size:14.5px;color:var(--tc-muted)}
.tc-top-hi b{color:var(--tc-text);font-weight:700}
.tc-wave{display:inline-block;transform-origin:70% 70%;animation:tcWave 2.4s ease-in-out 1s 2}
@keyframes tcWave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-8deg)}}
.tc-top-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.tc-bell{display:none!important}
.tc-bell.has-n{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;border:1px solid var(--tc-line);background:var(--tc-s1);color:var(--tc-text)!important}
.tc-user{position:relative}
.tc-user-btn{appearance:none;display:flex;align-items:center;gap:10px;height:46px;margin:0;padding:4px 12px 4px 5px;border-radius:999px;border:1px solid var(--tc-line);background:var(--tc-s1);color:var(--tc-text);font:600 14px var(--tc-fb);cursor:pointer;transition:border-color .15s}
.tc-user-btn:hover,.tc-user.is-open .tc-user-btn{border-color:var(--tc-line2)}
.tc-user-btn .tc-av{flex-basis:36px;border-radius:50%}
.tc-user-n{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-user-chev{display:inline-flex;color:var(--tc-muted);transition:transform .2s}
.tc-user-chev svg{width:16px;height:16px}
.tc-user.is-open .tc-user-chev{transform:rotate(180deg)}
.tc-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:6px;border-radius:18px;border:1px solid var(--tc-line2);background:var(--tc-bg2);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}
.tc-user.is-open .tc-menu{opacity:1;visibility:visible;transform:none}
.tc-menu-head{display:flex;flex-direction:column;padding:10px 12px 12px;margin-bottom:4px;border-bottom:1px solid var(--tc-line)}
.tc-menu-head b{font-family:var(--tc-fd);font-size:15px;font-weight:750;color:var(--tc-text)}
.tc-menu-head small{font-size:12.5px;color:var(--tc-muted);overflow-wrap:anywhere}
.tc-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--tc-text2)!important;font-size:14px;font-weight:600;text-decoration:none!important}
.tc-menu a:hover{background:var(--tc-s1);color:var(--tc-text)!important}
.tc-menu a svg{width:17px;height:17px;color:var(--tc-muted)}
.tc-menu .tc-menu-out:hover{color:#FF8E8E!important}

/* =====================================================================
   PAGE
   ===================================================================== */
.tc-main{margin-left:var(--tc-side-w);min-height:calc(100vh - var(--tc-top-h));display:flex;flex-direction:column}
.tc-wrap{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:30px 32px 40px}
.tc-page-head{margin:0 0 24px}
.tc-kick{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tc-acc2)}
.tc-page-h{margin:6px 0 0;font-family:var(--tc-fd);font-size:34px;font-weight:750;line-height:1.1;letter-spacing:-.035em;color:var(--tc-text)}
.tc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 32px;border-top:1px solid var(--tc-line);color:var(--tc-dim);font-size:13px}
.tc-foot a{color:var(--tc-muted)!important}
.tc-foot a:hover{color:var(--tc-acc2)!important}
.tc-foot-links{display:flex;gap:18px}

/* ---------- aMember content: text ---------- */
.tc-member .am-body-content{color:var(--tc-text2);font-size:15px}
.tc-member .am-body-content h1,.tc-member .am-body-content h2,.tc-member .am-body-content h3,.tc-member .am-body-content h4,
.tc-member .am-widget h2,.tc-member .tc-wrap h2,.tc-member .tc-wrap h3{font-family:var(--tc-fd);color:var(--tc-text)!important;font-weight:750;letter-spacing:-.025em;line-height:1.2}
.tc-member .am-body-content h1{font-size:28px}
.tc-member .am-body-content h2,.tc-member .am-widget h2{font-size:21px;margin:0 0 14px}
.tc-member .am-body-content h3{font-size:18px}
.tc-member .am-body-content p{color:var(--tc-text2)}
.tc-member hr{border:0;border-top:1px solid var(--tc-line);margin:24px 0}
.tc-member .text-muted{color:var(--tc-muted)!important}
.tc-member .text-dark{color:var(--tc-text)!important}
.tc-member .bg-white,.tc-member .bg-light{background:var(--tc-s1)!important}

/* ---------- cards / widgets / blocks ---------- */
.tc-member .card,.tc-member .am-widget,.tc-member .am-block-nav,.tc-member .am-form-container,.tc-member .am-grid-wrap,.tc-member .am-info-block{
  background:var(--tc-bg2)!important;border:1px solid var(--tc-line)!important;border-radius:22px!important;color:var(--tc-text2);box-shadow:0 30px 70px -40px rgba(0,0,0,.8)}
.tc-member .am-widget{padding:22px;margin:0 0 20px}
.tc-member .am-block,.tc-member .am-widget .am-block{margin:0;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;color:inherit}
.tc-member .am-body-content .am-block{margin:0 0 20px}
/* the tools grid widget: no box around it (the grid has its own header card) */
.tc-member .am-widget:has(.tc-dash){padding:0;background:transparent!important;border:0!important;box-shadow:none!important}
.tc-member .am-widget:has(.tc-dash)>h2{display:none}
.tc-member .alert:has(.tc-dash){padding:0;background:transparent!important;border:0!important;margin:0}
/* subscriptions widget */
.tc-member .am-widget .alert-success:has(.am-widget-list){padding:0;background:transparent!important;border:0!important;margin:0}
.tc-member .am-list-subscriptions li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tc-member .am-list-subscriptions li strong{font-family:var(--tc-fd);font-size:16px;font-weight:750;color:var(--tc-text)}
.tc-member .am-list-subscriptions-date{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2);font-size:12.5px;font-weight:700}
.tc-member .card-body{padding:22px}
.tc-member .card-title{color:var(--tc-text);font-family:var(--tc-fd)}
.tc-member .alert{border-radius:16px!important;border:1px solid var(--tc-line2)!important;background:var(--tc-s1)!important;color:var(--tc-text2)!important;padding:14px 16px}
.tc-member .alert-success{border-color:rgba(43,201,131,.4)!important;background:linear-gradient(90deg,rgba(43,201,131,.12),rgba(43,201,131,.03)),var(--tc-s1)!important}
.tc-member .alert-danger{border-color:rgba(255,107,107,.45)!important;background:rgba(255,107,107,.08)!important;color:#FFC9C9!important}
.tc-member .alert-warning{border-color:rgba(255,194,26,.45)!important;background:rgba(255,194,26,.08)!important;color:#FFE08A!important}
.tc-member .alert-info{border-color:rgba(120,170,255,.4)!important;background:rgba(120,170,255,.08)!important;color:#CFE0FF!important}
.tc-member .alert a:not(.btn){color:var(--tc-acc2)!important;font-weight:700}
.tc-member a.btn-primary,.tc-member a.btn-primary strong,.tc-member a.btn-success{color:var(--tc-on)!important}
.tc-member .alert ul{margin:0;padding-left:18px}

/* ---------- notices ---------- */
.tc-member .am-info,.tc-member .am-errors,.tc-member .errors,.tc-member .am-error-message{
  display:block;margin:0 0 18px;padding:13px 16px!important;border-radius:16px!important;font-size:14px;font-weight:600;line-height:1.5;box-shadow:none!important}
.tc-member .am-info{border:1px solid rgba(43,201,131,.45)!important;background:linear-gradient(90deg,rgba(43,201,131,.16),rgba(43,201,131,.04)),var(--tc-bg2)!important;color:#C9F5DE!important}
.tc-member .am-errors,.tc-member .errors{border:1px solid rgba(255,107,107,.5)!important;background:rgba(255,107,107,.08)!important;color:#FFC9C9!important}
.tc-member .am-errors ul,.tc-member .errors ul{margin:0;padding-left:18px}

/* ---------- forms (every aMember form in the member area) ---------- */
.tc-member .am-form form,.tc-member form.am-form,.tc-member .am-body-content form{color:var(--tc-text2)}
.tc-member .am-form fieldset,.tc-member .am-body-content fieldset{border:0;margin:0 0 8px;padding:0;background:none}
.tc-member .am-body-content legend{display:block;width:auto;border:0!important;padding:0!important;margin:8px 0 14px!important;background:none!important;font-family:var(--tc-fd);font-size:19px;font-weight:750;color:var(--tc-text)!important;text-shadow:none}
.tc-member .am-row{float:none!important;display:block;margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important}
.tc-member .am-row:after{content:none!important}
.tc-member .am-element-title{float:none!important;width:auto!important;margin:0 0 8px!important;padding:0!important;text-align:left!important}
.tc-member .am-element-title label{color:var(--tc-text2)!important;font-size:14px;font-weight:650}
.tc-member .am-element-title .required,.tc-member .required{color:var(--tc-acc)}
.tc-member .comment,.tc-member .am-element-title .comment{color:var(--tc-dim)!important;font-size:12.5px!important;font-style:normal!important;line-height:1.45}
.tc-member .am-element{float:none!important;width:auto!important;margin:0!important;padding:0!important}
.tc-member .am-body-content input[type=text],.tc-member .am-body-content input[type=email],.tc-member .am-body-content input[type=password],.tc-member .am-body-content input[type=tel],
.tc-member .am-body-content input[type=number],.tc-member .am-body-content input[type=url],.tc-member .am-body-content input[type=search],.tc-member .am-body-content input[type=date],
.tc-member .am-body-content select,.tc-member .am-body-content textarea,.tc-member .form-control{
  width:100%;max-width:100%;min-height:48px;padding:10px 16px;background:var(--tc-s1)!important;border:1px solid var(--tc-line)!important;border-radius:14px!important;
  color:var(--tc-text)!important;font:500 15px var(--tc-fb);box-shadow:none!important;outline:0;transition:border-color .15s,box-shadow .15s}
.tc-member .am-body-content textarea{min-height:120px;line-height:1.5}
.tc-member .am-body-content select{appearance:none;-webkit-appearance:none;padding-right:42px;
  background:var(--tc-s1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C9E93' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat!important}
.tc-member .am-body-content input::placeholder,.tc-member .am-body-content textarea::placeholder{color:var(--tc-dim)}
.tc-member .am-body-content input:focus,.tc-member .am-body-content select:focus,.tc-member .am-body-content textarea:focus,.tc-member .form-control:focus{border-color:var(--tc-acc)!important;box-shadow:0 0 0 4px var(--tc-acc-soft)!important}
.tc-member .am-body-content input[type=checkbox],.tc-member .am-body-content input[type=radio]{accent-color:var(--tc-acc);width:18px;height:18px;vertical-align:middle}
.tc-member .am-body-content input[type=file]{color:var(--tc-muted)}
.tc-member .am-element.group{display:flex;gap:12px;flex-wrap:wrap}
.tc-member .am-element.group>input{flex:1 1 180px}
.tc-member span.am-error,.tc-member .am-element .am-error:not(input){display:block;color:var(--tc-err)!important;font-size:12.5px;margin-top:6px;font-weight:500}
.tc-member input.am-error,.tc-member input.error{border-color:var(--tc-err)!important}

/* ---------- buttons ---------- */
.tc-member .am-body-content input[type=submit],.tc-member .am-body-content button[type=submit],.tc-member .am-body-content input[type=button],
.tc-member .am-body-content a.button,.tc-member .am-body-content button.button,.tc-member .btn-primary,.tc-member .btn-success,.tc-member .btn-orange,.tc-member .btn-info{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px!important;border:0!important;border-radius:999px!important;
  background:var(--tc-grad)!important;color:var(--tc-on)!important;font-family:var(--tc-fd)!important;font-size:15px!important;font-weight:750!important;text-transform:none!important;
  text-decoration:none!important;cursor:pointer;box-shadow:var(--tc-3d)!important;transition:transform .12s,filter .15s;background-image:var(--tc-grad)!important}
.tc-member .am-body-content input[type=submit]:hover,.tc-member .am-body-content button[type=submit]:hover,.tc-member .am-body-content a.button:hover,.tc-member .btn-primary:hover,.tc-member .btn-success:hover{transform:translateY(-1px);filter:brightness(1.05)}
.tc-member .btn-secondary,.tc-member .btn-light,.tc-member .btn-outline-primary,.tc-member .btn-default{background:var(--tc-s2)!important;border:1px solid var(--tc-line2)!important;color:var(--tc-text)!important;border-radius:999px!important;box-shadow:none!important}
.tc-member .btn-danger{background:rgba(255,107,107,.14)!important;border:1px solid rgba(255,107,107,.5)!important;color:#FFB3B3!important;border-radius:999px!important;box-shadow:none!important}
.tc-member .waves-ripple{display:none!important}

/* ---------- tables (payment history, invoices, affiliate stats ...) ---------- */
.tc-member .am-body-content table,.tc-member table.table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 20px;background:var(--tc-bg2);border:1px solid var(--tc-line);border-radius:18px;overflow:hidden;color:var(--tc-text2);font-size:14px}
.tc-member .am-body-content table th,.tc-member table.table th{padding:13px 16px;background:var(--tc-s1)!important;color:var(--tc-muted)!important;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left;border:0;border-bottom:1px solid var(--tc-line)}
.tc-member .am-body-content table td,.tc-member table.table td{padding:13px 16px;border:0;border-bottom:1px solid var(--tc-line);background:transparent!important;color:var(--tc-text2);vertical-align:middle}
.tc-member .am-body-content table tr:last-child td{border-bottom:0}
.tc-member .am-body-content table tr:hover td{background:rgba(43,201,131,.04)!important}
.tc-member .am-body-content table a{font-weight:700}
.tc-member .am-grid-wrap,.tc-member .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tc-member .am-grid-wrap{padding:0;margin:0 0 22px}
.tc-member .am-grid-wrap td,.tc-member .am-grid-wrap th{white-space:nowrap}
.tc-member .am-grid-wrap table{border:0;margin:0}
.tc-member .am-pagination,.tc-member .pagination{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.tc-member .am-pagination a,.tc-member .am-pagination span,.tc-member .page-link{padding:7px 12px;border-radius:10px;border:1px solid var(--tc-line);background:var(--tc-s1)!important;color:var(--tc-text2)!important}
.tc-member .badge,.tc-member .am-status{border-radius:999px;padding:4px 10px;font-weight:700;font-size:11.5px}

/* ---------- lists inside content (subscriptions, links) ---------- */
.tc-member .am-body-content ul.am-widget-list,.tc-member .am-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tc-member .am-body-content ul.am-widget-list li,.tc-member .am-list li{padding:12px 14px;border-radius:14px;background:var(--tc-s1);border:1px solid var(--tc-line)}

/* ---------- old template pieces (bootstrap) that may still show up ---------- */
.tc-member .dropdown-menu{background:var(--tc-bg2)!important;border:1px solid var(--tc-line2)!important;border-radius:16px!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.tc-member .dropdown-item{color:var(--tc-text2)!important;border-radius:10px}
.tc-member .dropdown-item:hover{background:var(--tc-s1)!important;color:var(--tc-text)!important}
.tc-member .modal-content{background:var(--tc-bg2)!important;border:1px solid var(--tc-line2)!important;border-radius:22px!important;color:var(--tc-text2)}
.tc-member .modal-header,.tc-member .modal-footer{border-color:var(--tc-line)!important}
.tc-member .modal-title{color:var(--tc-text);font-family:var(--tc-fd)}
.tc-member .close{color:var(--tc-text)!important;text-shadow:none;opacity:.7}
.tc-member .am-flash-content{background:var(--tc-bg2)!important;border:1px solid var(--tc-line2)!important;border-radius:18px!important;color:var(--tc-text)!important}

/* ---------- helpdesk / affiliate pages (aMember plugins) ---------- */
.tc-member .am-helpdesk-message,.tc-member .am-helpdesk-ticket,.tc-member .am-helpdesk-message-content{background:var(--tc-bg2)!important;border:1px solid var(--tc-line)!important;border-radius:16px!important;color:var(--tc-text2)!important}
.tc-member .am-tabs,.tc-member ul.am-tabs{border-bottom:1px solid var(--tc-line)}
.tc-member .am-tabs li a{color:var(--tc-muted)!important}
.tc-member .am-tabs li.active a,.tc-member .am-tabs li.am-tabs-active a{color:var(--tc-acc2)!important;border-color:var(--tc-acc)!important;background:transparent!important}

/* =====================================================================
   DASHBOARD: tools grid (blocks/member-main-resources.phtml)
   ===================================================================== */
.tc-member .tc-dash{margin:0 0 10px}
.tc-member .dashboard-header{margin:0 0 22px;padding:24px;border-radius:24px;border:1px solid var(--tc-line);text-align:left;
  background:radial-gradient(600px 220px at 0 0,rgba(43,201,131,.16),transparent 70%),var(--tc-bg2)}
.tc-member .dashboard-header h2{margin:0;font-family:var(--tc-fd);font-size:26px;font-weight:750;letter-spacing:-.03em;color:var(--tc-text)!important}
.tc-member .dashboard-header h2 em{font-family:var(--tc-fs);font-style:italic;font-weight:400;color:var(--tc-acc)}
.tc-member .tc-dash-sub{margin:6px 0 0;color:var(--tc-muted);font-size:14px}
.tc-member .search-wrapper{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.tc-member .tc-search{position:relative;flex:1 1 320px;display:block}
.tc-member .tc-search svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--tc-dim);pointer-events:none}
.tc-member #searchInput{width:100%;height:50px;padding:0 16px 0 46px;border-radius:999px;border:1px solid var(--tc-line2);background:var(--tc-s1);color:var(--tc-text);font:500 15px var(--tc-fb);outline:0;transition:border-color .15s,box-shadow .15s}
.tc-member #searchInput::placeholder{color:var(--tc-dim)}
.tc-member #searchInput:focus{border-color:var(--tc-acc);box-shadow:0 0 0 4px var(--tc-acc-soft)}
.tc-member #clearButton{height:50px;padding:0 20px;border-radius:999px;border:1px solid var(--tc-line2);background:var(--tc-s2);color:var(--tc-text);font:700 14px var(--tc-fb);cursor:pointer}
.tc-member #clearButton:hover{border-color:var(--tc-acc)}
.tc-member .controls{display:flex;flex-wrap:nowrap;gap:8px;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.tc-member .controls::-webkit-scrollbar{display:none}
.tc-member .control{flex:0 0 auto;padding:8px 15px;border-radius:999px;border:1px solid var(--tc-line2);background:transparent;color:var(--tc-muted);font:700 13px var(--tc-fb);cursor:pointer;transition:all .15s}
.tc-member .control:hover{color:var(--tc-text);border-color:var(--tc-muted)}
.tc-member .control.mixitup-control-active{background:var(--tc-text);border-color:var(--tc-text);color:var(--tc-bg)}
.tc-member .grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:0}
.tc-member .grid-item{margin:0;min-width:0}
.tc-member .dis_pimg{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;height:100%;padding:12px;border-radius:20px;border:1px solid var(--tc-line);
  background:var(--tc-bg2);box-shadow:none;transition:border-color .18s,transform .18s,box-shadow .18s}
.tc-member .dis_pimg:hover{transform:translateY(-3px);border-color:rgba(43,201,131,.5);box-shadow:0 26px 50px -30px rgba(43,201,131,.6)}
.tc-member .dis_pimg>a:not(.btn){display:block;border-radius:14px;overflow:hidden;background:#fff}
.tc-member .dis_pimg>a:not(.btn) img{display:block;width:100%;height:96px;object-fit:contain;padding:6px;transition:transform .25s}
.tc-member .dis_pimg:hover>a:not(.btn) img{transform:scale(1.04)}
.tc-member .dis_pimg .my-2{margin:0!important;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tc-dim)}
.tc-member .dis_pimg .btn{display:flex!important;width:100%;min-height:42px;padding:6px 14px!important;margin-top:auto;font-size:14px!important;line-height:1.2;text-align:center;white-space:normal;box-shadow:0 2px 0 #168A57!important}
.tc-member .dis_pimg .btn strong{font-weight:750}
.tc-member .new-label,.tc-member .down-label,.tc-member .Unstable-label,.tc-member .plus-label{position:absolute;top:-9px;right:12px;z-index:3;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff;box-shadow:2px 2px 0 #16130E;border:1px solid #16130E}
.tc-member .new-label{background:var(--tc-acc);color:var(--tc-on)}
.tc-member .down-label{background:#FF5D5D}
.tc-member .Unstable-label{background:#FF8A3D;color:#16130E}
.tc-member .plus-label{background:var(--tc-yellow);color:#16130E}
.tc-member .dis_pimg .bookmark{position:absolute;top:18px;left:18px;z-index:2;width:30px;height:30px;border-radius:10px;background:rgba(9,14,11,.75);cursor:pointer;backdrop-filter:blur(4px)}
.tc-member .dis_pimg .bookmark img{position:absolute;top:4px;left:4px;width:22px;height:22px;transition:opacity .2s}
.tc-member .bookmark img.hover{opacity:0}
.tc-member .bookmark img.normal{opacity:1}
.tc-member .bookmark:hover img.hover,.tc-member .bookmark.isbookmark img.hover{opacity:1}
.tc-member .bookmark:hover img.normal,.tc-member .bookmark.isbookmark img.normal{opacity:0}
.tc-member .tc-dash-empty{display:none;padding:40px 0;text-align:center;color:var(--tc-dim)}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:1100px){
  .tc-top-buy span{display:none}
  .tc-top-buy{width:40px;padding:0}
}
@media (max-width:991px){
  .tc-side{transform:translateX(-102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:30px 0 60px rgba(0,0,0,.6);width:min(86vw,300px)}
  body.tc-side-open .tc-side{transform:none}
  .tc-side-x{display:inline-flex}
  .tc-scrim{position:fixed;inset:0;z-index:1035;background:rgba(4,8,6,.6);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;display:block}
  body.tc-side-open .tc-scrim{opacity:1;visibility:visible}
  body.tc-side-open{overflow:hidden}
  .tc-top,.tc-main{margin-left:0}
  .tc-top{padding:0 16px;gap:10px}
  .tc-burger{display:inline-flex}
  .tc-top-logo{display:inline-flex}
  .tc-top-logo .tc-logo-w{font-size:20px}
  .tc-top-logo .tc-mark{width:32px;height:32px}
  .tc-top-hi{display:none}
  .tc-user-n,.tc-user-chev{display:none}
  .tc-user-btn{padding:4px;height:44px}
  .tc-wrap{padding:24px 20px 32px}
}
@media (max-width:600px){
  :root{--tc-top-h:60px}
  body.tc-member{font-size:14.5px}
  .tc-top{height:60px}
  .tc-top-buy{display:none!important}
  .tc-wrap{padding:20px 16px 28px}
  .tc-page-h{font-size:26px}
  .tc-member .dashboard-header{padding:18px 16px;border-radius:20px}
  .tc-member .dashboard-header h2{font-size:22px}
  .tc-member #clearButton{display:none}
  .tc-member .grid-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tc-member .dis_pimg{padding:9px;border-radius:16px;gap:8px}
  .tc-member .dis_pimg>a:not(.btn) img{height:70px}
  .tc-member .dis_pimg .btn{font-size:12.5px!important;min-height:38px;padding:6px 8px!important}
  .tc-member .dis_pimg .bookmark{top:14px;left:14px;width:26px;height:26px}
  .tc-member .dis_pimg .bookmark img{width:18px;height:18px}
  .tc-member .am-widget{padding:16px;border-radius:18px!important}
  .tc-member .am-body-content table{font-size:13px}
  .tc-member .am-body-content table th,.tc-member .am-body-content table td{padding:11px 12px}
  .tc-foot{padding:16px;justify-content:center;text-align:center}
}
@media (max-width:360px){
  .tc-top-logo .tc-logo-w{font-size:18px}
  .tc-member .grid-container{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .tc-mark .mk-h,.tc-mark .mk-w,.tc-wave{animation:none!important}
  .tc-side,.tc-menu{transition:none}
}

/* =====================================================================
   LOGIN / RESET PASSWORD (layout-login.phtml)
   ===================================================================== */
body.tc-auth{display:flex;align-items:center;justify-content:center;padding:28px 16px}
.tc-auth #single-wrapper{width:100%;max-width:440px;min-height:0;margin:0 auto;padding:0;background:none!important;overflow:visible}
.tc-auth .frm-single:before,.tc-auth .frm-single:after{content:none!important;display:none!important}
.tc-auth .frm-single .frm-input .frm-inp:focus+.frm-ico{opacity:1!important;transform:translateY(-50%)!important}
.tc-auth .frm-single{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
.tc-auth .frm-single .inside{position:relative;padding:34px 30px 26px!important;border-radius:28px!important;border:1px solid var(--tc-line)!important;
  background:linear-gradient(180deg,rgba(43,201,131,.08),transparent 200px),var(--tc-bg2)!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)!important;color:var(--tc-text2)}
.tc-auth .frm-single .title{display:flex!important;justify-content:center;margin:0 0 18px!important;padding:0!important;background:none!important;border:0!important;font-size:inherit!important;color:inherit!important}
.tc-auth .frm-single .frm-title{margin:0 0 6px!important;padding:0!important;text-align:center;font-family:var(--tc-fd)!important;font-size:30px!important;font-weight:750!important;letter-spacing:-.035em;color:var(--tc-text)!important;background:none!important}
.tc-auth .tc-auth-sub{margin:0 0 24px;text-align:center;font-size:14px;color:var(--tc-muted)}
.tc-auth .frm-input{position:relative;margin:0 0 14px!important}
.tc-auth .frm-inp{width:100%!important;height:52px!important;padding:0 16px 0 46px!important;border-radius:15px!important;border:1px solid var(--tc-line)!important;background:var(--tc-s1)!important;
  color:var(--tc-text)!important;font:500 15px var(--tc-fb)!important;box-shadow:none!important;outline:0;transition:border-color .15s,box-shadow .15s}
.tc-auth .frm-inp::placeholder{color:var(--tc-dim)}
.tc-auth .frm-inp:focus{border-color:var(--tc-acc)!important;box-shadow:0 0 0 4px var(--tc-acc-soft)!important}
.tc-auth .frm-ico{position:absolute!important;left:17px!important;top:50%!important;right:auto!important;transform:translateY(-50%);margin:0!important;color:var(--tc-dim)!important;font-size:15px!important;line-height:1!important;width:auto!important;height:auto!important;background:none!important;pointer-events:none}
.tc-auth .frm-input:focus-within .frm-ico{color:var(--tc-acc)!important}
.tc-auth .tc-eye{appearance:none;position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border:0;border-radius:11px;background:transparent;color:var(--tc-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.tc-auth .tc-eye:hover{color:var(--tc-text);background:var(--tc-s2)}
.tc-auth .tc-eye svg{width:18px;height:18px}
.tc-auth .tc-auth-row{display:flex;justify-content:flex-end;margin:-2px 0 18px}
.tc-auth .a-link{display:inline-flex;align-items:center;gap:7px;color:var(--tc-acc2)!important;font-size:13.5px;font-weight:650;text-decoration:none!important}
.tc-auth .a-link:hover{text-decoration:underline!important}
.tc-auth .a-link i{font-size:13px}
.tc-auth .frm-submit,.tc-auth #btn_update{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;height:54px!important;margin:0 0 18px!important;padding:0 20px!important;border:0!important;border-radius:999px!important;
  background:var(--tc-grad)!important;color:var(--tc-on)!important;font-family:var(--tc-fd)!important;font-size:16.5px!important;font-weight:750!important;text-transform:none!important;cursor:pointer;box-shadow:var(--tc-3d)!important;transition:transform .12s,filter .15s}
.tc-auth .frm-submit:hover,.tc-auth #btn_update:hover{transform:translateY(-1px);filter:brightness(1.05)}
.tc-auth .tc-auth-alt{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:14px 0 0;border-top:1px solid var(--tc-line);font-size:14px;color:var(--tc-muted)}
.tc-auth .frm-footer{margin:18px 0 0!important;padding:0!important;text-align:center;font-size:12.5px;color:var(--tc-dim)!important;background:none!important;border:0!important}
.tc-auth .tc-auth-trust{display:flex;justify-content:center;gap:6px 16px;flex-wrap:wrap;margin:18px 0 0;font-size:12.5px;font-weight:600;color:var(--tc-muted)}
.tc-auth .tc-auth-trust span{display:inline-flex;align-items:center;gap:6px}
.tc-auth .tc-auth-trust svg{width:14px;height:14px;color:var(--tc-acc)}
.tc-auth .tc-auth-back{display:block;margin:16px 0 0;text-align:center;font-size:13.5px;color:var(--tc-muted)!important;text-decoration:none!important}
.tc-auth .tc-auth-back:hover{color:var(--tc-acc2)!important}
.tc-auth .am-errors,.tc-auth .errors,.tc-auth .am-info,.tc-auth .tc-msg{display:block;margin:0 0 16px!important;padding:12px 14px!important;border-radius:14px!important;font-size:13.5px!important;font-weight:600;line-height:1.45;list-style:none;box-shadow:none!important}
.tc-auth .am-errors,.tc-auth .errors,.tc-auth .tc-msg.is-err{border:1px solid rgba(255,107,107,.5)!important;background:rgba(255,107,107,.08)!important;color:#FFC9C9!important}
.tc-auth .am-info,.tc-auth .tc-msg.is-ok{border:1px solid rgba(43,201,131,.5)!important;background:rgba(43,201,131,.1)!important;color:#C9F5DE!important}
.tc-auth .am-errors li,.tc-auth .errors li{margin:0;padding:0}
.tc-auth p{color:var(--tc-muted)}
.tc-auth .text-center{text-align:center}
@media (max-width:480px){
  body.tc-auth{align-items:flex-start;padding:18px 12px}
  .tc-auth .frm-single .inside{padding:26px 18px 20px!important;border-radius:22px!important}
  .tc-auth .frm-single .frm-title{font-size:26px!important}
}

/* keyboard focus: a soft green ring instead of the browser's white outline */
.tc-member button:focus,.tc-member a:focus,.tc-auth button:focus,.tc-auth a:focus{outline:0}
.tc-member .tc-nav-a:focus-visible,.tc-member .tc-nav-s:focus-visible,.tc-member .tc-user-btn:focus-visible,.tc-member .tc-icon-btn:focus-visible,.tc-member .tc-btn:focus-visible,
.tc-member .tc-menu a:focus-visible,.tc-member .control:focus-visible,.tc-auth a:focus-visible,.tc-auth .tc-eye:focus-visible{box-shadow:0 0 0 3px rgba(43,201,131,.55)!important}

/* =====================================================================
   v2 — MOTION + MODERN DETAILS (same feel as toolcookies.com)
   ===================================================================== */
@property --tc-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{--tc-ease:cubic-bezier(.2,.8,.2,1)}

/* moving glow behind everything */
.tc-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.tc-blob{position:absolute;border-radius:50%;filter:blur(10px);opacity:.9}
.tc-blob--1{width:620px;height:620px;top:-220px;left:12%;background:radial-gradient(circle,rgba(43,201,131,.20),transparent 65%);animation:tcDrift1 20s ease-in-out infinite}
.tc-blob--2{width:520px;height:520px;top:30%;right:-180px;background:radial-gradient(circle,rgba(255,194,26,.10),transparent 65%);animation:tcDrift2 26s ease-in-out infinite}
.tc-blob--3{width:480px;height:480px;bottom:-200px;left:-120px;background:radial-gradient(circle,rgba(43,201,131,.10),transparent 65%);animation:tcDrift1 30s ease-in-out -8s infinite reverse}
@keyframes tcDrift1{50%{transform:translate(120px,90px) scale(1.15)}}
@keyframes tcDrift2{50%{transform:translate(-110px,120px) scale(.9)}}
.tc-main,.tc-auth #single-wrapper,.tc-auth .tc-auth-back,body.am-page-signup>.row{position:relative;z-index:1}

/* reveal on scroll */
html.tc-js .tc-rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--tc-ease),transform .6s var(--tc-ease)}
html.tc-js .tc-rv.is-in{opacity:1;transform:none}
html.tc-js .dis_pimg.tc-rv{transform:translateY(16px) scale(.97)}
html.tc-js .dis_pimg.tc-rv.is-in{transform:none}
html.tc-js .dis_pimg.tc-rv.is-in:hover{transform:translateY(-4px)}

/* cursor spotlight on cards */
.tc-glow{position:relative;isolation:isolate}
.tc-glow::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(43,201,131,.14),transparent 45%)}
.tc-glow:hover::before{opacity:1}

/* ripple */
.tc-has-ripple{position:relative;overflow:hidden}
.tc-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:tcRipple .65s var(--tc-ease) forwards;pointer-events:none}
@keyframes tcRipple{to{transform:scale(1);opacity:0}}

/* top bar: shadow once scrolled */
.tc-top{transition:box-shadow .25s,background .25s}
.tc-top.is-scrolled{background:rgba(9,14,11,.9);box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}

/* sidebar: smoother hover, sliding active bar */
.tc-nav-a{transition:background .2s,color .2s,transform .2s var(--tc-ease)}
.tc-nav-a:hover{transform:translateX(3px)}
.tc-nav-a.is-on:before{animation:tcBarIn .45s var(--tc-ease)}
@keyframes tcBarIn{from{transform:scaleY(0)}to{transform:none}}
.tc-nav-a svg{transition:transform .25s var(--tc-ease)}
.tc-nav-a:hover svg{transform:scale(1.12)}
.tc-nav-ext em{animation:tcPulseY 2.6s ease-in-out infinite}
@keyframes tcPulseY{0%,100%{box-shadow:0 0 0 0 rgba(255,194,26,.5)}50%{box-shadow:0 0 0 6px rgba(255,194,26,0)}}
.tc-help{transition:border-color .2s,transform .2s var(--tc-ease)}
.tc-help:hover{transform:translateY(-2px)}

/* page title */
.tc-page-h{background:linear-gradient(90deg,#fff,#C9F5DE 60%,#7BEDB4);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.tc-kick{padding:5px 12px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35)}

/* ---------- dashboard stat cards ---------- */
.tc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.tc-stat{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:18px;border-radius:22px;border:1px solid var(--tc-line);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--tc-bg2);color:var(--tc-text2);text-decoration:none!important;transition:border-color .2s,transform .25s var(--tc-ease),box-shadow .25s}
.tc-stat:hover{border-color:var(--tc-line2);transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(0,0,0,.9)}
.tc-stat-ico{flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2)}
.tc-stat-ico svg{width:22px;height:22px}
.tc-stat-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.tc-stat-t small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tc-dim)}
.tc-stat-t b{margin-top:3px;font-family:var(--tc-fd);font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--tc-text)}
.tc-stat-t em{margin-top:2px;font-style:normal;font-size:12.5px;color:var(--tc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-stat.is-renew .tc-stat-ico{background:rgba(255,194,26,.1);border-color:rgba(255,194,26,.4);color:var(--tc-yellow)}
.tc-stat.is-urgent{border-color:rgba(255,107,107,.5)}
.tc-stat.is-urgent .tc-stat-ico{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.45);color:#FF8E8E}
.tc-stat.is-urgent b{color:#FF9C9C}
.tc-stat-cta{background:linear-gradient(135deg,rgba(43,201,131,.22),rgba(43,201,131,.04) 70%),var(--tc-bg2);border-color:rgba(43,201,131,.45)}
.tc-stat-cta .tc-stat-ico{background:var(--tc-grad);border:0;color:var(--tc-on);box-shadow:0 10px 22px -10px rgba(43,201,131,.9)}
.tc-stat-cta b{font-size:20px}
.tc-stat-go{margin-left:auto;display:inline-flex;color:var(--tc-acc2);transition:transform .25s var(--tc-ease)}
.tc-stat-go svg{width:20px;height:20px}
.tc-stat-cta:hover .tc-stat-go{transform:translateX(4px)}

/* ---------- active subscriptions as cards ---------- */
.tc-member .am-list-subscriptions{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0!important;padding:0!important;list-style:none!important}
.tc-member .am-list-subscriptions li.tc-sub{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av title" "av date" "desc desc" "bar bar";align-items:center;gap:6px 14px;
  padding:16px;border-radius:18px;border:1px solid var(--tc-line);background:var(--tc-s1);transition:border-color .2s,transform .25s var(--tc-ease)}
.tc-member .am-list-subscriptions li.tc-sub:hover{border-color:rgba(43,201,131,.45);transform:translateY(-2px)}
.tc-sub-av{grid-area:av;width:46px;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-grad);color:var(--tc-on);font-family:var(--tc-fd);font-size:20px;font-weight:800;box-shadow:0 10px 22px -12px rgba(43,201,131,.9)}
.tc-sub .am-list-subscriptions-title{grid-area:title;min-width:0;align-self:end}
.tc-sub .am-list-subscriptions-title:after,.tc-sub .am-list-subscriptions-title:before,.tc-sub .am-list-subscriptions-date:after,.tc-sub .am-list-subscriptions-date:before{content:none!important}
.tc-sub .am-list-subscriptions-title strong{display:block;font-size:16.5px!important;line-height:1.25}
.tc-sub .am-list-subscriptions-date{grid-area:date;justify-self:start;align-self:start;gap:5px}
.tc-sub .am-list-subscriptions-date_expires{font-weight:600;opacity:.75}
.tc-sub .am-list-subscriptions-desc{grid-area:desc;margin-top:4px;font-size:13px;color:var(--tc-muted);line-height:1.4}
.tc-sub .am-list-subscriptions-desc:empty,.tc-sub .am-list-subscriptions-link:empty,.tc-sub .am-list-subscriptions-link:not(:has(*)){display:none}
.tc-sub .am-list-subscriptions-link{grid-area:desc;justify-self:end}
.tc-sub.is-life .am-list-subscriptions-date{background:linear-gradient(90deg,rgba(255,194,26,.18),rgba(255,194,26,.06));border-color:rgba(255,194,26,.45);color:#FFD457}
.tc-sub-bar{grid-area:bar;align-self:start;height:6px;margin-top:10px;border-radius:999px;background:var(--tc-line2);overflow:hidden}
.tc-sub-bar i{display:block;height:100%;border-radius:inherit;background:var(--tc-grad);transition:width 1.1s var(--tc-ease)}
.tc-sub-left{grid-area:bar;justify-self:end;align-self:start;margin-top:22px;font-size:11.5px;font-weight:700;color:var(--tc-muted)}
.tc-sub.is-life .tc-sub-bar i{background:linear-gradient(90deg,#FFC21A,#FFE38A)}
.tc-sub.is-life .tc-sub-left{color:#FFD457}
.tc-sub.is-soon .tc-sub-bar i{background:linear-gradient(90deg,#FFC21A,#FFD457)}
.tc-sub.is-soon .tc-sub-left{color:#FFD457}
.tc-sub.is-urgent{border-color:rgba(255,107,107,.45)}
.tc-sub.is-urgent .tc-sub-bar i{background:linear-gradient(90deg,#FF6B6B,#FF9C9C)}
.tc-sub.is-urgent .tc-sub-left{color:#FF9C9C}
.tc-sub.is-urgent .am-list-subscriptions-date{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.45);color:#FFB3B3}

/* ---------- dashboard header: turning light around the border ---------- */
.tc-member .dashboard-header{position:relative;isolation:isolate;overflow:visible}
.tc-member .dashboard-header::after{content:"";position:absolute;inset:-1px;z-index:0;padding:1px;border-radius:inherit;pointer-events:none;
  background:conic-gradient(from var(--tc-ang),transparent 0 62%,rgba(43,201,131,.4) 76%,#7BEDB4 86%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:tcRing 7s linear infinite}
@keyframes tcRing{to{--tc-ang:360deg}}
.tc-member .dashboard-header>*{position:relative;z-index:1}
.tc-member .dashboard-header h2 em{animation:tcShine 4s ease-in-out infinite}
@keyframes tcShine{50%{text-shadow:0 0 18px rgba(43,201,131,.55)}}
.tc-member #searchInput{transition:border-color .2s,box-shadow .2s,background .2s}
.tc-member .control{transition:all .2s var(--tc-ease)}
.tc-member .control:hover{transform:translateY(-1px)}
.tc-member .control.mixitup-control-active{box-shadow:0 8px 20px -10px rgba(237,245,240,.6)}

/* tool cards */
.tc-member .dis_pimg{transition:border-color .25s,transform .35s var(--tc-ease),box-shadow .35s,opacity .6s var(--tc-ease)}
.tc-member .dis_pimg>a:not(.btn) img{transition:transform .45s var(--tc-ease)}
.tc-member .dis_pimg:hover>a:not(.btn) img{transform:scale(1.07)}
.tc-member .dis_pimg .btn{transition:transform .2s var(--tc-ease),filter .2s,box-shadow .2s}
.tc-member .dis_pimg:hover .btn{box-shadow:0 3px 0 #168A57,0 14px 26px -12px rgba(43,201,131,.85)!important}
.tc-member .new-label{animation:tcBadge 2.8s ease-in-out infinite}
@keyframes tcBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.tc-member .dis_pimg .bookmark{transition:transform .2s var(--tc-ease),background .2s}
.tc-member .dis_pimg .bookmark:hover{transform:scale(1.12)}
.tc-member .tc-dash-empty{display:none;flex-direction:column;align-items:center;gap:6px;padding:46px 16px;border:1px dashed var(--tc-line2);border-radius:22px;text-align:center;color:var(--tc-muted)}
.tc-member .tc-dash-empty.is-on{display:flex;animation:tcFadeUp .4s var(--tc-ease)}
.tc-member .tc-dash-empty svg{width:34px;height:34px;color:var(--tc-dim)}
.tc-member .tc-dash-empty b{font-family:var(--tc-fd);font-size:18px;color:var(--tc-text)}
@keyframes tcFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- section headings inside pages (Your Subscriptions / Payments History ...) ---------- */
.tc-member .am-body-content-content>div>h1,.tc-member .am-body-content-content>h1{display:flex;align-items:center;gap:10px;margin:8px 0 16px;font-size:22px!important}
.tc-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 9px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2);font:800 12.5px var(--tc-fb)}
.tc-member .am-body-content-content>div+div{margin-top:30px}

/* ---------- payment history: subscription invoices as cards ---------- */
.tc-member .tc-invs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.tc-member .tc-invs>h1{grid-column:1/-1;margin-bottom:2px}
.tc-member .am-active-invoice{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"av prod" "head head";gap:12px 14px;margin:0!important;padding:18px!important;
  border-radius:20px!important;border:1px solid var(--tc-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--tc-bg2)!important;
  transition:border-color .2s,transform .3s var(--tc-ease),box-shadow .3s}
.tc-member .am-active-invoice:hover{border-color:rgba(43,201,131,.45)!important;transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(0,0,0,.9)}
.tc-inv-av{grid-area:av;width:46px;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-grad);color:var(--tc-on);font-family:var(--tc-fd);font-size:20px;font-weight:800;box-shadow:0 10px 22px -12px rgba(43,201,131,.9)}
.tc-member .am-active-invoice-product-list{grid-area:prod;align-self:center;display:flex;flex-wrap:wrap;gap:6px;margin:0!important;padding:0!important;list-style:none!important}
.tc-member .am-active-invoice-product{margin:0!important;padding:0!important;list-style:none!important}
.tc-member .am-active-invoice-product:before{content:none!important}
.tc-member .am-active-invoice-item-title{font-family:var(--tc-fd);font-size:17px;font-weight:750;color:var(--tc-text)}
.tc-member .am-active-invoice.is-multi .am-active-invoice-item-title{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--tc-s2);border:1px solid var(--tc-line2);font-size:13.5px}
.tc-member .am-active-invoice-header{grid-area:head;display:grid;grid-template-columns:1fr auto;grid-template-areas:"amt amt" "date num" "pay pay";gap:6px 10px;padding-top:12px;border-top:1px dashed var(--tc-line2);background:none!important;font-size:13px;color:var(--tc-muted)}
.tc-member .am-active-invoice-terms{grid-area:amt;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-style:normal!important}
.tc-inv-amt{font-family:var(--tc-fd);font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--tc-text)}
.tc-inv-per{font-size:13px;color:var(--tc-muted)}
.tc-member .am-active-invoice-date{grid-area:date;font-weight:600}
.tc-member .am-active-invoice-num{grid-area:num;justify-self:end;padding:3px 10px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2)!important;font-weight:800!important;font-size:12px}
.tc-member .am-active-invoice-paysys{grid-area:pay;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}
.tc-member .am-active-invoice-paysys:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tc-acc);box-shadow:0 0 0 3px rgba(43,201,131,.2)}
.tc-member .am-active-invoice a{font-weight:700}

/* payment table */
.tc-member .am-grid-container{overflow-x:auto;border-radius:20px;border:1px solid var(--tc-line);background:var(--tc-bg2)}
.tc-member .am-grid-container table{margin:0!important;border:0!important}
.tc-member .am-member-payment-history-amount{font-family:var(--tc-fd);font-weight:800;color:var(--tc-text)!important;text-align:right!important;white-space:nowrap}
.tc-member th.am-member-payment-history-amount{text-align:right!important}
.tc-member .am-member-payment-history-invoice_id a{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);font-size:12.5px}
.tc-member .am-member-payment-history-items{color:var(--tc-text)!important;font-weight:600}
.tc-member .am-member-payment-history-paysys{color:var(--tc-muted)!important}
.tc-member .am-body-content table tbody tr{transition:background .2s}

/* ---------- affiliate pages ---------- */
.tc-member .am-aff-banner-preview{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;border:1px solid var(--tc-line2);background:var(--tc-s1)!important;max-width:720px}
.tc-member .am-copy-to-clipboard{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tc-text)!important;font:600 14.5px var(--tc-fb);background:none!important;border:0!important;padding:0!important}
.tc-member .tc-copy{appearance:none;flex:0 0 auto;display:inline-flex!important;align-items:center;gap:7px;height:40px!important;min-height:0!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:var(--tc-grad)!important;color:var(--tc-on)!important;font:750 14px var(--tc-fd)!important;cursor:pointer;box-shadow:0 2px 0 #168A57!important}
.tc-copy svg{width:16px;height:16px}
.tc-member .tc-copy.is-done{background:var(--tc-text)!important;color:var(--tc-bg)!important}
.tc-member .am-block-nodata{padding:34px 20px!important;border-radius:20px;border:1px dashed var(--tc-line2)!important;background:var(--tc-bg2)!important;color:var(--tc-muted)!important;text-align:center;font-size:14.5px}
.tc-member .am-body-content ul.am-list{list-style:none}
.tc-member .am-body-content ul.am-list li{color:var(--tc-text2)}
.tc-member .am-body-content ul.am-list b{color:var(--tc-acc2)}
.tc-member [id^="report-"]{border-radius:18px;background:var(--tc-bg2);border:1px solid var(--tc-line);padding:10px;margin-bottom:18px}
.tc-member [id^="report-"] text{fill:var(--tc-muted)!important}
.tc-member .morris-hover{background:var(--tc-bg2)!important;border:1px solid var(--tc-line2)!important;color:var(--tc-text)!important;border-radius:12px!important}

/* ---------- FAQ page (has its own light design) ---------- */
.tc-member .faq-modern{background:transparent!important;padding:0!important}
.tc-member .faq-modern .am-body-content{background:transparent!important;box-shadow:none!important;padding:0!important}
.tc-member .modern-faq-header{padding:10px 0 26px!important}
.tc-member .modern-faq-header h2{font-family:var(--tc-fd)!important;font-size:clamp(26px,4vw,38px)!important;color:var(--tc-text)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.tc-member .modern-faq-header p{color:var(--tc-muted)!important}
.tc-member .decorative-line{background:var(--tc-grad)!important;height:3px!important;width:80px!important;border-radius:3px}
.tc-member .accordion-card{border-radius:18px!important;border:1px solid var(--tc-line)!important;background:var(--tc-bg2)!important;box-shadow:none!important;overflow:hidden;transition:border-color .2s}
.tc-member .accordion-card:hover{border-color:rgba(43,201,131,.4)!important}
.tc-member .accordion-header{background:none!important;margin:0!important}
.tc-member .accordion-button{display:flex!important;align-items:center;gap:12px;width:100%;padding:18px 20px!important;background:transparent!important;color:var(--tc-text)!important;font:700 15.5px var(--tc-fb)!important;text-decoration:none!important;box-shadow:none!important;border:0!important}
.tc-member .accordion-button:after{margin-left:auto;filter:invert(1) hue-rotate(110deg) brightness(1.3)}
.tc-member .accordion-button:not(.collapsed){color:var(--tc-acc2)!important}
.tc-member .accordion-body{padding:0 20px 18px!important;color:var(--tc-text2)!important;font-size:14.5px;line-height:1.6;background:transparent!important}
.tc-member .accordion-body p{color:var(--tc-text2)!important}
.tc-member .support-badge{display:inline-block;margin-top:6px;padding:4px 11px;border-radius:999px;background:var(--tc-tint)!important;border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2)!important;font-size:12px;font-weight:700}
.tc-member .cta-card{border-radius:24px!important;border:1px solid rgba(43,201,131,.35)!important;background:radial-gradient(500px 200px at 50% 0,rgba(43,201,131,.16),transparent 70%),var(--tc-bg2)!important;box-shadow:none!important}
.tc-member .cta-card h3{color:var(--tc-text)!important;font-family:var(--tc-fd)}
.tc-member .cta-card .d-flex{flex-wrap:wrap}

/* ---------- login: card floats in ---------- */
html.tc-js .tc-auth .frm-single .inside.tc-rv{transform:translateY(22px) scale(.98)}
html.tc-js .tc-auth .frm-single .inside.tc-rv.is-in{transform:none}

/* ---------- sign-up page: same moving glow, cards pop in ---------- */
body.am-page-signup .tc-card{animation:tcCardIn .55s var(--tc-ease) both}
body.am-page-signup .tc-grid .tc-card:nth-child(2){animation-delay:.05s}
body.am-page-signup .tc-grid .tc-card:nth-child(3){animation-delay:.1s}
body.am-page-signup .tc-grid .tc-card:nth-child(4){animation-delay:.15s}
body.am-page-signup .tc-grid .tc-card:nth-child(5){animation-delay:.2s}
body.am-page-signup .tc-grid .tc-card:nth-child(6){animation-delay:.25s}
body.am-page-signup .tc-grid .tc-card:nth-child(n+7){animation-delay:.3s}
@keyframes tcCardIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
body.am-page-signup .invoice-box{animation:tcFadeUp .6s var(--tc-ease) both}
/* featured plans (All In One, Plus): a slowly turning light around the border, like toolcookies.com */
body.am-page-signup .tc-card.is-featured{isolation:isolate}
body.am-page-signup .tc-card.is-featured::after{content:"";position:absolute;inset:-1px;z-index:2;padding:1.5px;border-radius:inherit;pointer-events:none;
  background:conic-gradient(from var(--tc-ang),transparent 0 62%,color-mix(in srgb,var(--pc) 45%,transparent) 76%,#fff 86%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:tcRing 6s linear infinite;opacity:.8}
body.am-page-signup .tc-grid .tc-card.is-featured:nth-child(3)::after{animation-delay:-3s}
@media (prefers-reduced-motion:reduce){body.am-page-signup .tc-card.is-featured::after{animation:none}}

@media (max-width:1100px){.tc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .tc-stats{gap:10px}
  .tc-stat{padding:14px;gap:10px;border-radius:18px}
  .tc-stat-ico{flex-basis:38px;width:38px;height:38px;border-radius:12px}
  .tc-stat-ico svg{width:18px;height:18px}
  .tc-stat-t b{font-size:21px}
  .tc-stat-cta b{font-size:16px}
  .tc-stat-go{display:none}
  .tc-member .am-list-subscriptions{grid-template-columns:minmax(0,1fr)}
  .tc-member #widget-member-main-subscriptions{padding:16px}
  .tc-member .am-aff-banner-preview{border-radius:18px;flex-wrap:wrap;padding:12px}
  .tc-member .am-aff-banner-preview .tc-copy{width:100%;justify-content:center}
  .tc-member .tc-invs{grid-template-columns:minmax(0,1fr)}
  .tc-blob{opacity:.6}
  /* tables become cards on phones */
  .tc-member .am-grid-container,.tc-member .am-grid-container.tc-glow{border:0!important;background:none!important;box-shadow:none!important;overflow:visible;border-radius:0}
  .tc-member table.tc-cards-sm{box-shadow:none!important;overflow:visible}
  .tc-member table.tc-cards-sm td a{align-self:flex-start}
  .tc-member table.tc-cards-sm td.am-member-payment-history-amount{font-size:16px}
  .tc-member table.tc-cards-sm,.tc-member table.tc-cards-sm tbody{display:block;border:0!important;background:none!important}
  .tc-member table.tc-cards-sm tr:first-child{display:none}
  .tc-member table.tc-cards-sm tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0 0 10px;padding:14px 16px;border-radius:18px;border:1px solid var(--tc-line);background:var(--tc-bg2)}
  .tc-member table.tc-cards-sm td{display:flex;flex-direction:column;gap:2px;padding:0!important;border:0!important;white-space:normal!important;text-align:left!important}
  .tc-member table.tc-cards-sm td:before{content:attr(data-label);font:800 10.5px var(--tc-fb);letter-spacing:.08em;text-transform:uppercase;color:var(--tc-dim)}
  .tc-member table.tc-cards-sm tr.aff-details{display:none}
}
@media (prefers-reduced-motion:reduce){
  .tc-blob,.tc-member .dashboard-header::after,.tc-nav-ext em,.tc-member .new-label,.tc-member .dashboard-header h2 em{animation:none!important}
  html.tc-js .tc-rv{opacity:1!important;transform:none!important}
  body.am-page-signup .tc-card,body.am-page-signup .invoice-box{animation:none!important}
}

/* =====================================================================
   v3 — account card, renewal reminder, day mode, FAQ
   ===================================================================== */

/* ---------- renewal reminder (every member page) ---------- */
.tc-renew{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:14px 14px 14px 16px;border-radius:20px;
  border:1px solid rgba(255,194,26,.5);background:linear-gradient(110deg,rgba(255,194,26,.16),rgba(255,194,26,.03) 70%),var(--tc-bg2);
  box-shadow:0 24px 50px -32px rgba(255,194,26,.7);animation:tcFadeUp .5s var(--tc-ease) both}
.tc-renew.is-urgent{border-color:rgba(255,107,107,.55);background:linear-gradient(110deg,rgba(255,107,107,.16),rgba(255,107,107,.03) 70%),var(--tc-bg2);box-shadow:0 24px 50px -32px rgba(255,107,107,.7)}
.tc-renew[hidden]{display:none}
.tc-renew-ico{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-yellow);color:#16130E;animation:tcRing2 2.4s ease-in-out infinite}
.tc-renew.is-urgent .tc-renew-ico{background:#FF6B6B;color:#fff}
.tc-renew-ico svg{width:22px;height:22px}
@keyframes tcRing2{0%,100%{box-shadow:0 0 0 0 rgba(255,194,26,.45)}50%{box-shadow:0 0 0 8px rgba(255,194,26,0)}}
.tc-renew-t{flex:1;min-width:0;line-height:1.45}
.tc-renew-t b{display:block;font-family:var(--tc-fd);font-size:16px;font-weight:750;color:var(--tc-text)}
.tc-renew-t ul{margin:2px 0 0;padding:0;list-style:none}
.tc-renew-t li{font-size:13.5px;color:var(--tc-text2)}
.tc-renew-t li strong{color:var(--tc-text)}
.tc-renew-t li span{color:var(--tc-muted)}
.tc-renew-t li a{margin-left:4px;font-weight:700}
.tc-renew-go{flex:0 0 auto}
.tc-renew-x{appearance:none;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--tc-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.tc-renew-x:hover{background:var(--tc-s2);color:var(--tc-text)}
.tc-renew-x svg{width:16px;height:16px}

/* ---------- dashboard account card ---------- */
.tc-acct{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;margin:0 0 20px;padding:24px;border-radius:26px;border:1px solid var(--tc-line);isolation:isolate;overflow:hidden;
  background:radial-gradient(520px 240px at 0 0,rgba(43,201,131,.18),transparent 70%),radial-gradient(420px 220px at 100% 100%,rgba(255,194,26,.07),transparent 70%),var(--tc-bg2)}
.tc-acct-me{display:flex;align-items:center;gap:18px;min-width:0}
.tc-acct-av{flex:0 0 76px;width:76px;height:76px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-grad);color:var(--tc-on);
  font-family:var(--tc-fd);font-size:34px;font-weight:800;box-shadow:0 18px 36px -16px rgba(43,201,131,.9);animation:tcFloat 5s ease-in-out infinite}
@keyframes tcFloat{50%{transform:translateY(-4px) rotate(-2deg)}}
.tc-acct-who{min-width:0}
.tc-acct .tc-page-h{margin:8px 0 6px;font-size:32px;overflow-wrap:anywhere}
.tc-acct-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--tc-muted)}
.tc-acct-meta span,.tc-acct-meta a{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.tc-acct-meta svg{flex:0 0 15px;width:15px;height:15px;color:var(--tc-acc)}
.tc-acct-plans{min-width:0;padding:16px;border-radius:20px;border:1px solid var(--tc-line);background:color-mix(in srgb,var(--tc-s1) 80%,transparent);backdrop-filter:blur(6px)}
.tc-acct-ph{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.tc-acct-ph b{font-family:var(--tc-fd);font-size:16px;font-weight:750;color:var(--tc-text)}
@keyframes tcBlink{50%{opacity:.35}}
.tc-acct-none{margin:0;color:var(--tc-muted)}

/* ---------- day / night button ---------- */
.tc-mode{position:relative;overflow:hidden}
.tc-mode span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--tc-ease),opacity .3s}
.tc-mode-moon{transform:translateY(120%) rotate(-40deg);opacity:0}
html[data-tc-mode=light] .tc-mode-sun{transform:translateY(-120%) rotate(40deg);opacity:0}
html[data-tc-mode=light] .tc-mode-moon{transform:none;opacity:1}
html.tc-mode-anim body.tc-member,html.tc-mode-anim body.tc-member *{transition:background-color .35s,border-color .35s,color .35s!important}
.tc-menu-head em{margin-top:6px;align-self:flex-start;font-style:normal;padding:2px 9px;border-radius:999px;background:var(--tc-tint);color:var(--tc-acc2);font-size:11.5px;font-weight:700}

/* ---------- new FAQ page (member-theme/faq-page.html) ---------- */
.tc-faq{max-width:860px;margin:0 auto}
.tc-faq-head{text-align:center;margin:0 0 22px}
.tc-faq-head h2{margin:0;font-family:var(--tc-fd);font-size:clamp(26px,4vw,36px);font-weight:750;letter-spacing:-.03em;color:var(--tc-text)!important}
.tc-faq-head p{margin:8px 0 0;color:var(--tc-muted)}
.tc-faq-search{position:relative;display:block;margin:0 0 18px}
.tc-faq-search svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--tc-dim);pointer-events:none}
.tc-member .tc-faq-search input{padding-left:46px!important;border-radius:999px!important;min-height:52px}
.tc-faq-list{display:grid;gap:10px}
.tc-faq details{border-radius:18px;border:1px solid var(--tc-line);background:var(--tc-bg2);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.tc-faq details:hover{border-color:var(--tc-line2)}
.tc-faq details[open]{border-color:rgba(43,201,131,.45);box-shadow:0 22px 44px -30px rgba(43,201,131,.6)}
.tc-faq summary{display:flex;align-items:center;gap:12px;padding:17px 18px;cursor:pointer;list-style:none;font-weight:700;font-size:15.5px;color:var(--tc-text)}
.tc-faq summary::-webkit-details-marker{display:none}
.tc-faq summary i{flex:0 0 30px;width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-tint);color:var(--tc-acc2);font-style:normal;font-size:15px}
.tc-faq summary:after{content:"";flex:0 0 22px;width:22px;height:22px;margin-left:auto;border-radius:50%;background:var(--tc-s2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232BC983' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .3s var(--tc-ease)}
.tc-faq details[open] summary:after{transform:rotate(45deg)}
.tc-faq-a{padding:0 18px 18px 60px;color:var(--tc-text2);font-size:14.5px;line-height:1.65;animation:tcFadeUp .35s var(--tc-ease)}
.tc-faq-a p{margin:0 0 10px}
.tc-faq-tag{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2);font-size:12px;font-weight:700}
.tc-faq-tag.is-warn{background:rgba(255,194,26,.12);border-color:rgba(255,194,26,.4);color:#FFD457}
.tc-faq-none{display:none;padding:30px;text-align:center;color:var(--tc-muted);border:1px dashed var(--tc-line2);border-radius:18px}
.tc-faq-cta{margin:24px 0 0;padding:26px;border-radius:24px;text-align:center;border:1px solid rgba(43,201,131,.35);background:radial-gradient(500px 200px at 50% 0,rgba(43,201,131,.16),transparent 70%),var(--tc-bg2)}
.tc-faq-cta h3{margin:0 0 6px;font-family:var(--tc-fd);font-size:22px;color:var(--tc-text)!important}
.tc-faq-cta p{margin:0 0 16px;color:var(--tc-muted)}
.tc-faq-cta div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.tc-member .tc-faq-cta .tc-btn-ghost{background:var(--tc-s2)!important;border:1px solid var(--tc-line2)!important;color:var(--tc-text)!important;box-shadow:none!important}

@media (max-width:860px){
  .tc-acct{grid-template-columns:minmax(0,1fr);padding:20px}
}
@media (max-width:600px){
  .tc-renew{flex-wrap:wrap;padding:14px;gap:10px 12px}
  .tc-renew-ico{flex-basis:38px;width:38px;height:38px;border-radius:12px}
  .tc-renew-t{flex-basis:calc(100% - 100px)}
  .tc-renew-go{width:100%}
  .tc-renew-x{position:absolute;top:10px;right:10px}
  .tc-renew-t{padding-right:28px}
  .tc-acct{padding:16px;border-radius:22px;gap:16px}
  .tc-acct-me{gap:14px}
  .tc-acct-av{flex-basis:58px;width:58px;height:58px;border-radius:18px;font-size:26px}
  .tc-acct .tc-page-h{font-size:24px}
  .tc-faq-a{padding:0 16px 16px}
  .tc-faq summary{padding:15px 14px;font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){.tc-renew-ico,.tc-acct-av,.tc-plan-dot{animation:none!important}}

/* =====================================================================
   DAY MODE (html[data-tc-mode=light]) — member area
   ===================================================================== */
html[data-tc-mode=light]:has(body.tc-member){background:#F3F7F4}
html[data-tc-mode=light] body.tc-member,html[data-tc-mode=light] .tc-member .tc-pf,html[data-tc-mode=light] .tc-member .modal,html[data-tc-mode=light] .tc-member .dropdown-menu{
  --tc-bg:#F3F7F4; --tc-bg2:#FFFFFF; --tc-s1:#F6FAF7; --tc-s2:#ECF3EE; --tc-line:#E0E9E3; --tc-line2:#CFDCD4;
  --tc-text:#0C1A12; --tc-text2:#2B3D33; --tc-muted:#5B6E62; --tc-dim:#86978C;
  --tc-acc:#17A866; --tc-acc2:#0E8A52; --tc-tint:#E3F5EB; --tc-acc-soft:rgba(23,168,102,.14)}
html[data-tc-mode=light] body.tc-member{color:var(--tc-text);
  background:radial-gradient(900px 420px at 60% -160px,rgba(43,201,131,.16),transparent 70%),radial-gradient(rgba(12,26,18,.06) 1px,transparent 1.2px) 0 0/22px 22px,#F3F7F4!important}
html[data-tc-mode=light] .tc-blob{opacity:.55}
html[data-tc-mode=light] .tc-side{background:linear-gradient(180deg,rgba(43,201,131,.08),transparent 240px),#FFFFFF}
html[data-tc-mode=light] .tc-top{background:rgba(255,255,255,.8)}
html[data-tc-mode=light] .tc-top.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 14px 30px -22px rgba(12,26,18,.35)}
html[data-tc-mode=light] .tc-page-h{background:linear-gradient(90deg,#0C1A12,#0E6B41 70%,#17A866);-webkit-background-clip:text;background-clip:text}
html[data-tc-mode=light] .tc-member a:hover{color:#0B6E41}
html[data-tc-mode=light] .tc-member .card,html[data-tc-mode=light] .tc-member .am-widget,html[data-tc-mode=light] .tc-stat,html[data-tc-mode=light] .tc-member .am-active-invoice,
html[data-tc-mode=light] .tc-member .dis_pimg,html[data-tc-mode=light] .tc-acct,html[data-tc-mode=light] .tc-member .dashboard-header{box-shadow:0 20px 40px -32px rgba(12,26,18,.35)}
html[data-tc-mode=light] .tc-member .dis_pimg>a:not(.btn){box-shadow:inset 0 0 0 1px var(--tc-line)}
html[data-tc-mode=light] .tc-menu{box-shadow:0 30px 60px -24px rgba(12,26,18,.35)}
html[data-tc-mode=light] .tc-scrim{background:rgba(12,26,18,.35)}
html[data-tc-mode=light] .tc-glow::before{background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(23,168,102,.10),transparent 45%)}
/* notices + colored text that was made for dark */
html[data-tc-mode=light] .tc-member .am-info{background:linear-gradient(90deg,rgba(23,168,102,.12),rgba(23,168,102,.03)),#fff!important;color:#0B5E38!important}
html[data-tc-mode=light] .tc-member .am-errors,html[data-tc-mode=light] .tc-member .errors,html[data-tc-mode=light] .tc-member .alert-danger{background:#FFF1F1!important;color:#B42318!important}
html[data-tc-mode=light] .tc-member .alert-warning{background:#FFF8E1!important;color:#8A5A00!important}
html[data-tc-mode=light] .tc-member .alert-info{background:#EEF4FF!important;color:#1D4ED8!important}
html[data-tc-mode=light] .tc-member .alert-success{background:linear-gradient(90deg,rgba(23,168,102,.10),rgba(23,168,102,.02)),#fff!important}
html[data-tc-mode=light] .tc-sub.is-life .am-list-subscriptions-date,
html[data-tc-mode=light] .tc-sub.is-life .tc-sub-left,html[data-tc-mode=light] .tc-sub.is-soon .tc-sub-left,html[data-tc-mode=light] .tc-faq-tag.is-warn{color:#9A6400}
html[data-tc-mode=light] .tc-sub.is-urgent .tc-sub-left,html[data-tc-mode=light] .tc-sub.is-urgent .am-list-subscriptions-date,
html[data-tc-mode=light] .tc-stat.is-urgent b,html[data-tc-mode=light] .tc-stat.is-urgent .tc-stat-ico{color:#C2261C}
html[data-tc-mode=light] .tc-renew{background:linear-gradient(110deg,rgba(255,194,26,.22),rgba(255,194,26,.05) 70%),#fff}
html[data-tc-mode=light] .tc-renew.is-urgent{background:linear-gradient(110deg,rgba(255,107,107,.16),rgba(255,107,107,.03) 70%),#fff}
html[data-tc-mode=light] .tc-nav-out:hover,html[data-tc-mode=light] .tc-menu .tc-menu-out:hover{color:#C2261C!important}
html[data-tc-mode=light] .tc-member .accordion-button:after{filter:none}
html[data-tc-mode=light] .tc-pf-note.is-ok{background:linear-gradient(90deg,rgba(23,168,102,.12),rgba(23,168,102,.03)),#fff!important;color:#0B5E38!important}
html[data-tc-mode=light] .tc-pf-note.is-err{background:#FFF1F1!important;color:#B42318!important}
html[data-tc-mode=light] .tc-pf .tc-pf-home{background:var(--tc-s2)}
html[data-tc-mode=light] .tc-member .new-label,html[data-tc-mode=light] .tc-member .down-label,html[data-tc-mode=light] .tc-member .Unstable-label,html[data-tc-mode=light] .tc-member .plus-label{box-shadow:2px 2px 0 rgba(12,26,18,.8)}
html[data-tc-mode=light] .tc-member .dis_pimg .bookmark{background:rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(12,26,18,.15)}
html[data-tc-mode=light] .tc-member .control.mixitup-control-active{box-shadow:0 8px 20px -10px rgba(12,26,18,.5)}
html[data-tc-mode=light] .tc-member ::selection{background:rgba(23,168,102,.25);color:#0C1A12}

html[data-tc-mode=light] .tc-member .tc-pf{box-shadow:0 30px 60px -36px rgba(12,26,18,.35)!important}
html[data-tc-mode=light] .tc-member .am-form-container,html[data-tc-mode=light] .tc-member .am-grid-wrap,html[data-tc-mode=light] .tc-member .am-info-block{box-shadow:0 20px 40px -32px rgba(12,26,18,.3)}
/* the account card already lists the plans: aMember's own "Active Subscriptions" box is hidden then */
.tc-member .tc-dup-hidden{display:none!important}

/* =====================================================================
   v4 — account card: plan tiles with a "days left" ring
   ===================================================================== */
@property --tc-p{syntax:'<number>';inherits:true;initial-value:0}
.tc-acct{display:block;padding:24px}
.tc-acct-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.tc-acct-acts{display:flex;gap:8px;flex-wrap:wrap}
.tc-chip-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--tc-line2);background:var(--tc-s1);
  color:var(--tc-text)!important;font-size:13.5px;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:border-color .2s,transform .2s var(--tc-ease),background .2s}
.tc-chip-btn svg{width:16px;height:16px;color:var(--tc-acc)}
.tc-chip-btn:hover{border-color:var(--tc-acc);transform:translateY(-2px)}
.tc-chip-btn.is-yellow{border-color:rgba(255,194,26,.45);background:rgba(255,194,26,.1)}
.tc-chip-btn.is-yellow svg{color:var(--tc-yellow)}
.tc-acct-plans{margin-top:22px;padding:18px;border-radius:22px}
.tc-acct-ph{flex-wrap:wrap;margin:0 0 14px}
.tc-acct-ph small{margin-left:auto;font-size:13px;color:var(--tc-muted)}
.tc-acct-ph small strong{color:var(--tc-text)}
.tc-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tc-acct .tc-plan{position:relative;display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;border:1px solid var(--tc-line);background:var(--tc-bg2);
  --c:var(--tc-acc);transition:border-color .2s,transform .25s var(--tc-ease),box-shadow .25s}
.tc-acct .tc-plan:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 22px 44px -30px color-mix(in srgb,var(--c) 70%,transparent)}
.tc-acct .tc-plan.is-life{--c:var(--tc-yellow)}
.tc-acct .tc-plan.is-soon{--c:#FFB020}
.tc-acct .tc-plan.is-urgent,.tc-acct .tc-plan.is-over{--c:#FF6B6B;border-color:rgba(255,107,107,.45)}
/* the ring: fills to the share of a 30-day month that is left */
.tc-ring{position:relative;flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:conic-gradient(var(--c) calc(var(--tc-p) * 1%),var(--tc-line2) 0);animation:tcRingFill 1.2s var(--tc-ease) both}
.tc-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--tc-bg2)}
.tc-ring b,.tc-ring small{position:relative;line-height:1}
.tc-ring b{font-family:var(--tc-fd);font-size:21px;font-weight:800;letter-spacing:-.03em;color:var(--tc-text)}
.tc-ring small{margin-top:2px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tc-muted)}
.tc-plan.is-life .tc-ring b{font-size:26px;color:var(--tc-yellow)}
@keyframes tcRingFill{from{--tc-p:0}}
.tc-plan-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tc-plan-t b{font-family:var(--tc-fd);font-size:16px;font-weight:750;color:var(--tc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-plan-t span{font-size:12.5px;color:var(--tc-muted)}
.tc-pill{align-self:flex-start;margin-top:2px;padding:3px 10px;border-radius:999px;font-style:normal;font-size:11.5px;font-weight:800;
  background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 35%,transparent)}
.tc-plan.is-ok .tc-pill{color:var(--tc-acc2)}
.tc-plan-renew{position:absolute;top:10px;right:10px;padding:4px 11px;border-radius:999px;background:var(--tc-grad);color:var(--tc-on)!important;font-size:12px;font-weight:800;text-decoration:none!important;
  opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s var(--tc-ease)}
.tc-plan:hover .tc-plan-renew,.tc-plan:focus-within .tc-plan-renew,.tc-plan.is-soon .tc-plan-renew,.tc-plan.is-urgent .tc-plan-renew,.tc-plan.is-over .tc-plan-renew{opacity:1;transform:none}
.tc-plan.is-urgent .tc-plan-renew,.tc-plan.is-over .tc-plan-renew{animation:tcPulseR 2s ease-in-out infinite}
@keyframes tcPulseR{0%,100%{box-shadow:0 0 0 0 rgba(43,201,131,.55)}50%{box-shadow:0 0 0 7px rgba(43,201,131,0)}}
.tc-acct-none{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 2px;color:var(--tc-muted)}
html[data-tc-mode=light] .tc-plan.is-life .tc-ring b{color:#B7791F}
html[data-tc-mode=light] .tc-acct .tc-plan.is-life,html[data-tc-mode=light] .tc-acct .tc-plan.is-soon{--c:#D99A00}
html[data-tc-mode=light] .tc-acct .tc-plan.is-urgent,html[data-tc-mode=light] .tc-acct .tc-plan.is-over{--c:#D93025}
html[data-tc-mode=light] .tc-chip-btn.is-yellow svg{color:#B7791F}
@media (max-width:600px){
  .tc-acct{padding:16px}
  .tc-acct-acts{width:100%}
  .tc-chip-btn{flex:1 1 0;justify-content:center;padding:0 10px}
  .tc-acct-plans{padding:14px;margin-top:16px}
  .tc-acct-ph small{margin-left:0;width:100%}
  .tc-plan-grid{grid-template-columns:minmax(0,1fr)}
  .tc-ring{flex-basis:56px;width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){.tc-ring,.tc-plan-renew{animation:none!important}}

/* =====================================================================
   v5 — clean bookmark star, labelled username, help card, invoice
   downloads, payout methods, FAQ v2, extension page, login with panda
   ===================================================================== */

/* ---------- bookmark star on the tool cards (was a dark, shadowy square) ---------- */
.tc-member .dis_pimg .bookmark{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.94);border:1px solid rgba(12,26,18,.10);box-shadow:0 1px 2px rgba(12,26,18,.10);backdrop-filter:none}
.tc-member .dis_pimg .bookmark img{display:none!important}
.tc-member .dis_pimg .bookmark:before{content:"";position:absolute;inset:6px;background:#98A49D;transition:background .2s,transform .25s var(--tc-ease);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.5 2.9 1-6.1L3.2 9.5l6.1-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.5 2.9 1-6.1L3.2 9.5l6.1-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.tc-member .dis_pimg .bookmark:hover:before{background:#F2A900}
.tc-member .dis_pimg .bookmark.isbookmark{background:#FFF6D6;border-color:rgba(242,169,0,.55)}
.tc-member .dis_pimg .bookmark.isbookmark:before{background:#F2A900;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.5 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5-4.7-4.6 6.5-.9z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.5 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5-4.7-4.6 6.5-.9z'/%3E%3C/svg%3E")}
.tc-member .dis_pimg .bookmark.isbookmark:hover:before{transform:scale(1.08)}
html[data-tc-mode=light] .tc-member .dis_pimg .bookmark{background:#fff;box-shadow:0 1px 3px rgba(12,26,18,.14)}
html[data-tc-mode=light] .tc-member .dis_pimg .bookmark.isbookmark{background:#FFF6D6}
@media (max-width:600px){.tc-member .dis_pimg .bookmark{width:28px;height:28px}.tc-member .dis_pimg .bookmark:before{inset:5px}}
/* calmer cards: no heavy dark shadow under them */
.tc-stat:hover{box-shadow:0 18px 36px -28px rgba(43,201,131,.45)}

/* ---------- account card: username and email as labelled pills ---------- */
.tc-acct-meta{gap:8px;margin-top:4px}
.tc-id{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;padding:6px 6px 6px 8px;border-radius:14px;border:1px solid var(--tc-line2);background:var(--tc-s1)}
.tc-id>i{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-tint);color:var(--tc-acc2)}
.tc-id>i svg{width:15px;height:15px}
.tc-id-t{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;padding-right:6px;text-align:left}
.tc-acct-meta .tc-id-t{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.tc-id-t small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tc-dim)}
.tc-id-t b{font-size:14px;font-weight:700;color:var(--tc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-member .tc-id-copy{appearance:none;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--tc-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.tc-member .tc-id-copy svg{width:15px;height:15px}
.tc-member .tc-id-copy:hover{background:var(--tc-s2);color:var(--tc-text)}
.tc-member .tc-id-copy.is-done{background:var(--tc-acc);color:var(--tc-on)}
.tc-acct-hint{display:block;margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--tc-muted)}
.tc-acct-hint svg{width:14px;height:14px;margin-right:6px;vertical-align:-2px;color:var(--tc-yellow)}
.tc-acct-hint b{color:var(--tc-text2);font-weight:700}
html[data-tc-mode=light] .tc-acct-hint svg{color:#B7791F}
@media (max-width:600px){.tc-id{flex:1 1 100%}.tc-member .tc-id-copy{margin-left:auto}}

/* ---------- stat card: live support ---------- */
.tc-stat-help{text-decoration:none!important;color:inherit!important;cursor:pointer}
.tc-stat-help .tc-stat-ico{position:relative}
.tc-live{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:var(--tc-acc);border:2px solid var(--tc-bg2);animation:tcLive 2s ease-out infinite}
@keyframes tcLive{0%{box-shadow:0 0 0 0 rgba(43,201,131,.6)}70%,100%{box-shadow:0 0 0 8px rgba(43,201,131,0)}}
.tc-stat-help:hover b{color:var(--tc-acc2)}
@media (prefers-reduced-motion:reduce){.tc-live{animation:none}}

/* ---------- payment history: download invoice ---------- */
.tc-member .tc-dl-h{text-align:right!important}
.tc-member td.tc-dl-td{text-align:right!important;white-space:nowrap}
.tc-member a.tc-dl,.tc-member a.tc-inv-dl{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;border:1px solid rgba(43,201,131,.4);background:var(--tc-tint);
  color:var(--tc-acc2)!important;font-size:12.5px;font-weight:800;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s,transform .2s var(--tc-ease)}
.tc-member a.tc-dl svg,.tc-member a.tc-inv-dl svg{width:15px;height:15px}
.tc-member a.tc-dl:hover,.tc-member a.tc-inv-dl:hover{background:var(--tc-acc);color:var(--tc-on)!important;transform:translateY(-1px)}
.tc-member .am-active-invoice-header{grid-template-areas:"amt amt" "date num" "pay dl"}
.tc-member .tc-inv-dl{grid-area:dl;justify-self:end;height:28px!important;padding:0 11px!important;font-size:12px!important}
@media (max-width:760px){
  .tc-member table.tc-cards-sm td.tc-dl-td{grid-column:1/-1;align-items:stretch}
  .tc-member table.tc-cards-sm td.tc-dl-td:before{display:none}
  .tc-member table.tc-cards-sm td.tc-dl-td a.tc-dl{justify-content:center;height:38px;align-self:stretch}
}

/* ---------- affiliate payout methods ---------- */
.tc-member .am-form>form,.tc-member .am-form form#Am_Form{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.tc-member .tc-payout{max-width:760px;padding:26px;border-radius:26px;border:1px solid var(--tc-line);background:var(--tc-bg2)}
.tc-member .tc-payout form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.tc-member .tc-payout form>*{grid-column:1/-1}
.tc-member .tc-payout .am-row[id^="row-aff_check_"],.tc-member .tc-payout .am-row[id^="row-aff_paypal_"]{grid-column:auto}
.tc-member .tc-payout .am-row#row-aff_check_payable_to-0,.tc-member .tc-payout .am-row#row-aff_check_street-0,.tc-member .tc-payout .am-row[id^="row-aff_paypal_"]{grid-column:1/-1}
.tc-member .tc-payout .am-element-title label{color:var(--tc-text2)!important;font-size:13.5px}
.tc-po-intro{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:0 0 20px;border-bottom:1px dashed var(--tc-line2)}
.tc-po-intro-ico{flex:0 0 48px;width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-grad);color:var(--tc-on);box-shadow:var(--tc-3d)}
.tc-po-intro-ico svg{width:22px;height:22px}
.tc-po-intro b{display:block;font-family:var(--tc-fd);font-size:19px;font-weight:750;letter-spacing:-.02em;color:var(--tc-text)}
.tc-po-intro small{display:block;margin-top:2px;font-size:13px;color:var(--tc-muted)}
.tc-member select.tc-po-sel{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.tc-po-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.tc-member .tc-po-tile{appearance:none;position:relative;display:flex;align-items:center;gap:12px;padding:14px 44px 14px 14px;border-radius:18px;border:1.5px solid var(--tc-line2);background:var(--tc-s1);
  color:var(--tc-text);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--tc-ease)}
.tc-po-tile:hover{transform:translateY(-2px);border-color:rgba(43,201,131,.5)}
.tc-po-tile>i{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-s2);color:var(--tc-muted);transition:background .2s,color .2s}
.tc-po-tile>i svg{width:20px;height:20px}
.tc-po-tile>span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.tc-po-tile b{font-size:15px;font-weight:750}
.tc-po-tile small{font-size:12.5px;color:var(--tc-muted)}
.tc-po-tile>em{position:absolute;top:50%;right:14px;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:2px solid var(--tc-line2);transition:border-color .2s,background .2s}
.tc-po-tile.is-on{border-color:var(--tc-acc);background:linear-gradient(135deg,rgba(43,201,131,.16),rgba(43,201,131,.03) 70%),var(--tc-s1)}
.tc-po-tile.is-on>i{background:var(--tc-grad);color:var(--tc-on)}
.tc-po-tile.is-on>em{border-color:var(--tc-acc);background:var(--tc-acc);box-shadow:inset 0 0 0 3px var(--tc-bg2)}
.tc-member .tc-payout #row-_save-0{margin:6px 0 0!important;padding-top:18px!important;border-top:1px dashed var(--tc-line2)!important}
@media (max-width:600px){
  .tc-member .tc-payout{padding:18px;border-radius:22px}
  .tc-member .tc-payout form{grid-template-columns:minmax(0,1fr)}
  .tc-member .tc-payout .am-row[id^="row-aff_check_"]{grid-column:1/-1}
  .tc-po-intro b{font-size:17px}
}

/* ---------- FAQ v2: categories, popular searches, highlights ---------- */
.tc-faq-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tc-faq-badge svg{width:15px;height:15px}
.tc-faq-head h2{margin:12px 0 0}
.tc-member .am-body-content .tc-faq-head h2{font-size:clamp(28px,4vw,40px);line-height:1.1}
.tc-member .am-body-content .tc-ext-hero h2{font-size:clamp(30px,4vw,44px);line-height:1.05}
.tc-member .am-body-content .tc-ext-sh h3{font-size:22px}
.tc-faq-head h2 em{font-family:var(--tc-fs);font-style:italic;font-weight:400;color:var(--tc-acc2)}
.tc-faq-search kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);min-width:24px;height:24px;padding:0 7px;border-radius:7px;border:1px solid var(--tc-line2);background:var(--tc-s2);
  color:var(--tc-muted);font:700 12px/22px var(--tc-fb);text-align:center;pointer-events:none}
.tc-faq-search:focus-within kbd{opacity:0}
.tc-faq-pop{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:-6px 0 18px;font-size:13px;color:var(--tc-dim)}
.tc-faq-pop>span{margin-right:2px;font-weight:700}
.tc-member .tc-faq-pop button{appearance:none;padding:4px 11px;border-radius:999px;border:1px dashed var(--tc-line2);background:transparent;color:var(--tc-text2);font-size:12.5px;font-weight:650;cursor:pointer;transition:border-color .2s,color .2s}
.tc-member .tc-faq-pop button:hover{border-color:var(--tc-acc);color:var(--tc-acc2)}
.tc-faq-cats{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;padding:2px 2px 6px;scrollbar-width:none}
.tc-faq-cats::-webkit-scrollbar{display:none}
.tc-member .tc-faq-cats button{appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--tc-line2);background:var(--tc-s1);
  color:var(--tc-text2);font-size:13.5px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tc-member .tc-faq-cats button small{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--tc-s2);color:var(--tc-muted);font-size:11.5px;font-weight:800;text-align:center}
.tc-member .tc-faq-cats button:hover{border-color:var(--tc-acc)}
.tc-member .tc-faq-cats button.is-on{background:var(--tc-text);border-color:var(--tc-text);color:var(--tc-bg)}
.tc-member .tc-faq-cats button.is-on small{background:var(--tc-acc);color:var(--tc-on)}
.tc-faq summary span{flex:1;min-width:0}
.tc-faq summary mark{padding:0 2px;border-radius:4px;background:rgba(255,194,26,.3);color:inherit}
.tc-faq details{scroll-margin-top:90px}
.tc-faq-a a:not(.tc-faq-tag){font-weight:700;text-decoration:underline!important;text-underline-offset:3px}
.tc-faq-cta{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;text-align:left}
.tc-faq-cta p{margin:0}
.tc-faq-cta-b{display:flex;gap:10px;flex-wrap:wrap}
.tc-member .tc-btn-ghost{background:var(--tc-s2)!important;border:1px solid var(--tc-line2)!important;color:var(--tc-text)!important;box-shadow:none!important}
html[data-tc-mode=light] .tc-faq summary mark{background:rgba(242,169,0,.28)}
@media (max-width:600px){.tc-faq-cta{flex-direction:column;align-items:stretch;text-align:center}.tc-faq-cta-b{justify-content:center}.tc-faq-search kbd{display:none}}

/* ---------- extension page (/page/extension) ---------- */
.tc-ext{max-width:1000px;margin:0 auto}
.tc-ext-hero{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:center;padding:32px;border-radius:28px;border:1px solid var(--tc-line);overflow:hidden;
  background:radial-gradient(520px 260px at 0 0,rgba(43,201,131,.2),transparent 70%),radial-gradient(420px 220px at 100% 100%,rgba(255,194,26,.10),transparent 70%),var(--tc-bg2)}
.tc-ext-art{position:relative;height:210px;display:grid;place-items:center}
.tc-ext-orb{position:absolute;width:180px;height:180px;border-radius:50%;background:conic-gradient(#2BC983,#FFC21A,#4ADE95,#2BC983);filter:blur(30px);opacity:.42;animation:tcSpin 9s linear infinite}
@keyframes tcSpin{to{transform:rotate(360deg)}}
.tc-ext-badge{position:relative;width:116px;height:116px;border-radius:34px;display:grid;place-items:center;background:var(--tc-grad);color:var(--tc-on);
  box-shadow:0 4px 0 #168A57,0 30px 50px -20px rgba(43,201,131,.85),inset 0 1px 0 rgba(255,255,255,.35);animation:tcBob 4s ease-in-out infinite}
.tc-ext-badge svg{width:56px;height:56px}
@keyframes tcBob{50%{transform:translateY(-8px) rotate(-3deg)}}
.tc-ext-dot{position:absolute;border-radius:50%;background:var(--tc-acc2);animation:tcBob 3.4s ease-in-out infinite}
.tc-ext-dot--1{width:10px;height:10px;top:26px;left:30px}
.tc-ext-dot--2{width:7px;height:7px;bottom:34px;right:24px;background:var(--tc-yellow);animation-delay:-1.2s}
.tc-ext-dot--3{width:5px;height:5px;top:44px;right:40px;animation-delay:-2s}
.tc-ext-ver{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(255,194,26,.12);border:1px solid rgba(255,194,26,.45);color:#FFD457;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tc-ext-ver b{color:inherit}
.tc-ext-hero h2{margin:12px 0 8px;font-family:var(--tc-fd);font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--tc-text)!important}
.tc-ext-hero h2 em{font-family:var(--tc-fs);font-style:italic;font-weight:400;color:var(--tc-acc2)}
.tc-ext-hero p{margin:0 0 20px;max-width:520px;font-size:15.5px;color:var(--tc-text2)}
.tc-ext-cta{display:flex;gap:10px;flex-wrap:wrap}
.tc-ext-cta .tc-btn{height:50px;padding:0 24px;font-size:15px}
.tc-ext-meta{display:block;margin-top:12px;font-size:12.5px;color:var(--tc-dim)}
.tc-ext-tabs{display:inline-flex;gap:4px;margin:26px 0 16px;padding:4px;border-radius:999px;border:1px solid var(--tc-line2);background:var(--tc-s1)}
.tc-member .tc-ext-tabs button{appearance:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--tc-muted);font-size:14px;font-weight:750;cursor:pointer;transition:background .2s,color .2s}
.tc-member .tc-ext-tabs button svg{width:17px;height:17px}
.tc-member .tc-ext-tabs button.is-on{background:var(--tc-grad)!important;color:var(--tc-on);box-shadow:0 8px 18px -10px rgba(43,201,131,.8)}
.tc-ext-pane.is-on{animation:tcFadeUp .35s var(--tc-ease)}
.tc-ext-steps{counter-reset:tcstep;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.tc-ext-steps li{counter-increment:tcstep;position:relative;margin:0;padding:18px 18px 18px 72px;border-radius:20px;border:1px solid var(--tc-line);background:var(--tc-bg2);transition:border-color .2s}
.tc-ext-steps li:hover{border-color:rgba(43,201,131,.45)}
.tc-ext-steps li:before{content:counter(tcstep);position:absolute;left:18px;top:18px;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--tc-tint);border:1px solid rgba(43,201,131,.4);color:var(--tc-acc2);font-family:var(--tc-fd);font-size:17px;font-weight:800}
.tc-ext-steps li:not(:last-child):after{content:"";position:absolute;left:37px;top:60px;bottom:-14px;width:2px;background:linear-gradient(var(--tc-line2),transparent)}
.tc-ext-steps b{display:block;font-family:var(--tc-fd);font-size:17px;font-weight:750;color:var(--tc-text)}
.tc-ext-steps p{margin:4px 0 0;color:var(--tc-text2);font-size:14.5px}
.tc-ext-steps p strong{color:var(--tc-text)}
.tc-ext-steps .tc-btn{margin-top:12px}
.tc-ext-code{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:4px 4px 4px 14px;border-radius:12px;border:1px solid var(--tc-line2);background:var(--tc-s1)}
.tc-ext-code code{font:600 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--tc-acc2);background:none;padding:0}
.tc-member .tc-ext-copy{appearance:none;height:32px;padding:0 13px;border:0;border-radius:9px;background:var(--tc-s2);color:var(--tc-text);font-size:12.5px;font-weight:800;cursor:pointer}
.tc-member .tc-ext-copy:hover,.tc-member .tc-ext-copy.is-done{background:var(--tc-acc);color:var(--tc-on)}
.tc-ext-note{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,194,26,.4);background:rgba(255,194,26,.08);color:var(--tc-text2);font-size:14px}
.tc-ext-note svg{flex:0 0 20px;width:20px;height:20px;color:var(--tc-yellow)}
.tc-ext-note b{color:var(--tc-text)}
.tc-ext-video{margin:30px 0 0}
.tc-ext-sh{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:0 0 12px}
.tc-ext-sh h3{margin:0;font-family:var(--tc-fd);font-size:22px;font-weight:750;color:var(--tc-text)!important}
.tc-ext-sh a{font-size:14px;font-weight:700}
.tc-ext-frame{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid var(--tc-line2);background:#000;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
.tc-ext-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tc-ext-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0 0}
.tc-ext-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:20px;border:1px solid var(--tc-line);background:var(--tc-bg2)}
.tc-ext-ico{width:40px;height:40px;margin-bottom:4px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-tint);color:var(--tc-acc2)}
.tc-ext-ico svg{width:19px;height:19px}
.tc-ext-card b{font-family:var(--tc-fd);font-size:16px;font-weight:750;color:var(--tc-text)}
.tc-ext-card p{margin:0;font-size:14px;color:var(--tc-text2)}
.tc-ext-link{margin-top:auto;padding-top:6px;font-weight:800}
html[data-tc-mode=light] .tc-ext-ver{color:#9A6400}
html[data-tc-mode=light] .tc-ext-hero,html[data-tc-mode=light] .tc-ext-steps li,html[data-tc-mode=light] .tc-ext-card{box-shadow:0 20px 40px -32px rgba(12,26,18,.35)}
@media (max-width:900px){.tc-ext-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .tc-ext-hero{grid-template-columns:minmax(0,1fr);gap:4px;padding:22px 18px;text-align:center}
  .tc-ext-art{height:150px}
  .tc-ext-badge{width:92px;height:92px;border-radius:28px}
  .tc-ext-badge svg{width:44px;height:44px}
  .tc-ext-hero p{margin-left:auto;margin-right:auto}
  .tc-ext-cta{justify-content:center}
  .tc-ext-cta .tc-btn{flex:1 1 100%}
  .tc-ext-tabs{display:flex}
  .tc-member .tc-ext-tabs button{flex:1;justify-content:center;padding:0 10px}
  .tc-ext-steps li{padding:16px 14px 16px 62px}
  .tc-ext-steps li:before{left:14px;top:16px;width:34px;height:34px}
  .tc-ext-steps li:not(:last-child):after{left:30px;top:54px}
}
@media (prefers-reduced-motion:reduce){.tc-ext-orb,.tc-ext-badge,.tc-ext-dot{animation:none}}

/* ---------- login: two columns + the panda ---------- */
.tc-auth-shell{position:relative;z-index:1;width:100%;max-width:440px;margin:0 auto}
.tc-auth-side{display:none}
@media (min-width:1000px){
  .tc-auth-shell{max-width:1060px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:72px;align-items:center}
  .tc-auth-side{display:block;min-width:0;animation:tcFadeUp .6s var(--tc-ease) both}
}
.tc-auth-side h2{margin:18px 0 14px;font-family:var(--tc-fd);font-size:clamp(38px,4vw,54px);font-weight:800;line-height:1.02;letter-spacing:-.045em;color:var(--tc-text)}
.tc-auth-side h2 em{display:block;font-family:var(--tc-fs);font-style:italic;font-weight:400;letter-spacing:-.02em;
  background:linear-gradient(90deg,#4ADE95,#C9F5DE 50%,#FFC21A);-webkit-background-clip:text;background-clip:text;color:transparent}
.tc-auth-side>p{margin:0 0 26px;max-width:460px;font-size:16.5px;color:var(--tc-text2)}
.tc-auth-feats{display:grid;gap:12px;margin:0 0 30px;padding:0;list-style:none}
.tc-auth-feats li{display:flex;align-items:center;gap:14px;max-width:440px;padding:12px 14px;border-radius:18px;border:1px solid var(--tc-line);background:rgba(14,22,17,.6);backdrop-filter:blur(6px);
  transition:border-color .2s,transform .25s var(--tc-ease)}
.tc-auth-feats li:hover{border-color:rgba(43,201,131,.45);transform:translateX(4px)}
.tc-auth-feats i{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2)}
.tc-auth-feats i svg{width:20px;height:20px}
.tc-auth-feats span{display:flex;flex-direction:column;line-height:1.3}
.tc-auth-feats b{font-size:15px;color:var(--tc-text)}
.tc-auth-feats small{font-size:13px;color:var(--tc-muted)}
.tc-auth-marq{overflow:hidden;max-width:500px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.tc-auth-marq>div{display:flex;gap:8px;width:max-content;animation:tcMarq 38s linear infinite}
.tc-auth-marq span{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--tc-line2);background:var(--tc-s1);color:var(--tc-text2);font-size:13px;font-weight:650;white-space:nowrap}
.tc-auth-marq span:nth-child(3n+1){border-color:rgba(43,201,131,.35);color:var(--tc-acc2)}
@keyframes tcMarq{to{transform:translateX(-50%)}}

/* the panda sits behind the card; its paws hold the top edge */
.tc-auth .frm-single.has-panda{position:relative!important;margin-top:100px!important}
.tc-auth .frm-single.has-panda .inside{z-index:1}
.tc-panda{position:absolute;left:50%;top:-104px;z-index:0;width:168px;height:120px;margin-left:-84px;pointer-events:none}
.tc-panda.tc-panda-paws{z-index:2}
.tc-panda svg{display:block;width:168px;height:120px;overflow:hidden}
.tc-panda:not(.tc-panda-paws) svg{animation:tcPdUp .8s .15s cubic-bezier(.34,1.56,.64,1) both;transform-origin:50% 100%}
.tc-panda-paws svg{animation:tcPdPaws .6s .5s cubic-bezier(.34,1.56,.64,1) both}
@keyframes tcPdUp{from{transform:translateY(70px)}}
@keyframes tcPdPaws{from{transform:translateY(24px);opacity:0}}
.tc-pd-face,.tc-pd-pp{transition:transform .14s ease-out}
.tc-pd-eye{transform-box:fill-box;transform-origin:center;animation:tcPdBlink 5.5s infinite}
.tc-pd-eye+.tc-pd-eye{animation-delay:.02s}
@keyframes tcPdBlink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}
.tc-pd-sad{opacity:0}
.tc-pd-smile,.tc-pd-sad{transition:opacity .25s}
.tc-pd-paw{transition:transform .5s cubic-bezier(.34,1.45,.64,1)}
.pd-hide .tc-pd-paw[data-x="52"],.pd-peek .tc-pd-paw[data-x="52"]{transform:translate(7px,-42px)}
.pd-hide .tc-pd-paw[data-x="116"]{transform:translate(-7px,-42px)}
.pd-peek .tc-pd-paw[data-x="116"]{transform:translate(-3px,-20px)}
.pd-hide .tc-pd-eye{animation:none}
.pd-sad .tc-pd-sad{opacity:1}
.pd-sad .tc-pd-smile{opacity:0}
.pd-sad .tc-panda:not(.tc-panda-paws) svg{animation:tcPdShake .7s .4s 2 ease-in-out}
@keyframes tcPdShake{20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
.pd-hop .tc-panda svg{animation:tcPdHop .55s ease-out}
@keyframes tcPdHop{40%{transform:translateY(-10px)}}
@media (max-width:600px){
  .tc-auth .frm-single.has-panda{margin-top:92px!important}
  .tc-panda{transform:scale(.88);transform-origin:50% 100%}
}
@media (prefers-reduced-motion:reduce){.tc-panda svg,.tc-pd-eye,.tc-auth-marq>div,.tc-auth-side{animation:none!important}.tc-pd-paw,.tc-pd-pp,.tc-pd-face{transition:none}}

/* ---------- v6: "With us for" card (member since) + pages without title/footer ---------- */
.tc-stat-since{overflow:hidden;isolation:isolate}
.tc-stat-since .tc-stat-t small{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tc-tier{padding:1px 8px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.4);color:var(--tc-acc2);font-size:10px;letter-spacing:.06em}
.tc-stat-since .tc-stat-t b{font-size:23px}
.tc-stat-since.is-loyal .tc-stat-ico,.tc-stat-since.is-gold .tc-stat-ico{background:linear-gradient(180deg,#FFD866,#FFC21A 60%,#E8A500);border-color:transparent;color:#3A2A00;box-shadow:0 10px 22px -12px rgba(255,194,26,.9)}
.tc-stat-since.is-loyal .tc-tier,.tc-stat-since.is-gold .tc-tier{background:rgba(255,194,26,.14);border-color:rgba(255,194,26,.5);color:#FFD457}
.tc-stat-since.is-gold{border-color:rgba(255,194,26,.45);background:linear-gradient(135deg,rgba(255,194,26,.14),rgba(255,194,26,.02) 65%),var(--tc-bg2)}
/* a slow shine across gold cards */
.tc-stat-since.is-gold:after,.tc-stat-since.is-loyal:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,215,90,.16) 50%,transparent 65%) -200% 0/200% 100% no-repeat;animation:tcShineX 4.5s ease-in-out infinite}
@keyframes tcShineX{0%,30%{background-position:-200% 0}70%,100%{background-position:200% 0}}
html[data-tc-mode=light] .tc-stat-since.is-loyal .tc-tier,html[data-tc-mode=light] .tc-stat-since.is-gold .tc-tier{color:#8A5A00}
html[data-tc-mode=light] .tc-stat-since.is-gold{background:linear-gradient(135deg,rgba(255,194,26,.18),rgba(255,194,26,.03) 65%),#fff}
@media (max-width:600px){.tc-stat-since .tc-stat-t b{font-size:19px}}
@media (prefers-reduced-motion:reduce){.tc-stat-since:after{animation:none!important}}
/* smaller stat boxes */
.tc-stats{gap:12px;margin-bottom:18px}
.tc-stat{gap:12px;padding:13px 15px;border-radius:18px}
.tc-stat-ico{flex-basis:38px;width:38px;height:38px;border-radius:12px}
.tc-stat-ico svg{width:18px;height:18px}
.tc-stat-t small{font-size:10.5px}
.tc-stat-t b{margin-top:1px;font-size:20px}
.tc-stat-t em{font-size:12px}
.tc-stat-cta b,.tc-stat-since .tc-stat-t b{font-size:17px}
.tc-stat-go svg{width:18px;height:18px}
.tc-tier{font-size:9.5px}
@media (max-width:600px){.tc-stat{padding:12px;gap:10px}.tc-stat-ico{flex-basis:34px;width:34px;height:34px}.tc-stat-t b{font-size:18px}.tc-stat-cta b,.tc-stat-since .tc-stat-t b{font-size:15px}}
/* username copy: green tick + "Copied!" bubble */
.tc-member .tc-id-copy{position:relative;overflow:visible}
.tc-member .tc-id-copy.is-done{background:var(--tc-acc)!important;color:var(--tc-on)!important;animation:tcPop .3s var(--tc-ease)}
.tc-acct-meta .tc-id-copy.is-done svg{color:var(--tc-on)!important;stroke-width:3}
.tc-copied{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:9px;background:var(--tc-acc);color:var(--tc-on);
  font-size:11.5px;font-weight:800;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 10px 20px -8px rgba(43,201,131,.7);animation:tcCopied .25s var(--tc-ease)}
.tc-copied:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--tc-acc)}
.tc-id{transition:border-color .25s,background .25s}
.tc-id.is-copied{border-color:var(--tc-acc);background:var(--tc-tint)}
@keyframes tcPop{40%{transform:scale(1.18)}}
@keyframes tcCopied{from{opacity:0;transform:translate(-50%,4px)}}
.tc-acct-meta{margin-top:6px}

/* =====================================================================
   v7 — app install (PWA), aMember notifications
   ===================================================================== */
/* sidebar "Install app" */
.tc-member button.tc-nav-app{appearance:none;width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}
.tc-member button.tc-nav-app[hidden]{display:none!important}
.tc-nav-app em{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.4);color:var(--tc-acc2);font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* phone: "Get the app" card */
.tc-app-toast{position:fixed;left:12px;right:12px;bottom:14px;z-index:60;display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;border:1px solid rgba(43,201,131,.45);
  background:rgba(14,22,17,.96);backdrop-filter:blur(10px);box-shadow:0 24px 50px -20px rgba(0,0,0,.9);animation:tcToastIn .45s var(--tc-ease) both;transition:opacity .3s,transform .3s}
.tc-app-toast.is-out{opacity:0;transform:translateY(20px)}
.tc-app-toast img{flex:0 0 44px;border-radius:12px}
.tc-app-toast span{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.tc-app-toast b{font-size:14.5px;color:var(--tc-text)}
.tc-app-toast small{font-size:12px;color:var(--tc-muted)}
.tc-member .tc-app-go{appearance:none;height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--tc-grad);color:var(--tc-on);font-size:13.5px;font-weight:800;cursor:pointer}
.tc-member .tc-app-x{appearance:none;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--tc-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.tc-app-x svg{width:16px;height:16px}
@keyframes tcToastIn{from{opacity:0;transform:translateY(30px)}}
html[data-tc-mode=light] .tc-app-toast{background:rgba(255,255,255,.97)}

/* iPhone "Add to Home Screen" help */
.tc-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(0,0,0,.6);animation:tcFadeUp .25s}
.tc-modal-box{position:relative;width:100%;max-width:420px;padding:22px 20px 18px;border-radius:22px;border:1px solid var(--tc-line2);background:var(--tc-bg2);color:var(--tc-text2)}
.tc-modal-box>b{display:block;margin:0 30px 10px 0;font-family:var(--tc-fd);font-size:18px;color:var(--tc-text)}
.tc-modal-box ol{margin:0;padding-left:20px;font-size:14.5px;line-height:1.7}
.tc-modal-box li svg{width:16px;height:16px;vertical-align:-3px;color:var(--tc-acc2)}
.tc-member .tc-modal-x{appearance:none;position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:var(--tc-s2);color:var(--tc-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.tc-modal-x svg{width:16px;height:16px}

/* opened as an app: room for the iPhone status bar */
html.tc-app .tc-top{padding-top:env(safe-area-inset-top)}

/* aMember notifications */
@media (prefers-reduced-motion:reduce){.tc-app-toast{animation:none!important;transition:none!important}}

/* tighter "Your plans" box */
.tc-acct{padding:20px 22px}
.tc-acct-plans{margin-top:14px;padding:12px 14px 14px;border-radius:20px}
.tc-acct-ph{margin:0 0 10px}
.tc-acct .tc-plan{padding:10px 12px;gap:12px;border-radius:16px}
.tc-ring{flex-basis:54px;width:54px;height:54px}
.tc-ring:before{inset:5px}
.tc-ring b{font-size:18px}
.tc-ring small{font-size:8.5px}
.tc-plan-t{gap:2px}
.tc-plan-t b{font-size:15px}
.tc-plan-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media (max-width:600px){.tc-acct{padding:16px}.tc-acct-plans{padding:12px;margin-top:12px}.tc-ring{flex-basis:50px;width:50px;height:50px}}
.tc-acct .tc-plan.is-soon .tc-plan-t b,.tc-acct .tc-plan.is-urgent .tc-plan-t b,.tc-acct .tc-plan.is-over .tc-plan-t b{padding-right:62px}
.tc-acct .tc-plan:not(.is-life):hover .tc-plan-t b,.tc-acct .tc-plan:not(.is-life):focus-within .tc-plan-t b{padding-right:62px}
.tc-modal-note{margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--tc-line2);font-size:13px;color:var(--tc-muted)}
.tc-modal-box li em{font-style:normal;color:var(--tc-text)}
.tc-auth svg.frm-ico{width:16px!important;height:16px!important;fill:none}

/* scroll reveal: same feel as toolcookies.com (rise 32px, slight scale, long soft ease-out) */
html.tc-js .tc-rv,html.tc-js .dis_pimg.tc-rv{opacity:0;transform:translate3d(0,32px,0) scale(.982);
  transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}
html.tc-js .tc-rv.is-in,html.tc-js .dis_pimg.tc-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.tc-js .tc-rv{opacity:1!important;transform:none!important;transition:none!important}}

/* =====================================================================
   v8 — profile page (/profile) built into the theme (was a form brick in aMember)
   tc-theme.js adds .tc-pf to the profile form, plus the header, section titles and password eyes.
   ===================================================================== */
.tc-member .am-profile-form-container,.tc-member .am-form:has(> form.tc-pf){max-width:none;padding:0;border:0;background:none;box-shadow:none}
.tc-member form.tc-pf{display:block;max-width:760px;margin:6px auto 24px!important;padding:30px 32px 28px!important;border-radius:28px!important;
  border:1px solid var(--tc-line)!important;background:linear-gradient(180deg,rgba(43,201,131,.07),transparent 200px),var(--tc-bg2)!important;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.75)!important;color:var(--tc-text);text-align:left}
.tc-pf fieldset,.tc-pf .am-element,.tc-pf .am-element-title{background:transparent!important;border:0!important;box-shadow:none!important}
.tc-pf fieldset{margin:0!important;padding:0!important;min-width:0}
.tc-pf legend{display:none}
/* header: avatar, name, email, back to dashboard */
.tc-pf-head{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid var(--tc-line)}
.tc-pf-av{flex:0 0 58px;width:58px;height:58px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--tc-grad);color:var(--tc-on);font-family:var(--tc-fd);font-size:26px;font-weight:800;box-shadow:0 14px 28px -14px rgba(43,201,131,.9)}
.tc-pf-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tc-pf-kick{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tc-acc2)}
.tc-pf-name{font-family:var(--tc-fd);font-size:27px;font-weight:750;line-height:1.1;letter-spacing:-.03em;color:var(--tc-text);overflow-wrap:anywhere}
.tc-pf-mail{font-size:13.5px;color:var(--tc-muted);overflow-wrap:anywhere}
.tc-member a.tc-pf-home{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--tc-line2);
  background:var(--tc-s2);color:var(--tc-text)!important;font-family:var(--tc-fd);font-size:14.5px;font-weight:750;text-decoration:none!important;white-space:nowrap;transition:border-color .15s,transform .15s}
.tc-member a.tc-pf-home:hover{border-color:var(--tc-acc);transform:translateY(-1px)}
.tc-pf-home svg{width:17px;height:17px}
/* section titles */
.tc-pf-sec{display:flex;align-items:center;gap:10px;margin:4px 0 16px;font-family:var(--tc-fd);font-size:17px;font-weight:750;color:var(--tc-text)}
.tc-pf-sec i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2)}
.tc-pf-sec i svg{width:16px;height:16px}
.tc-pf-sec small{margin-left:auto;font-family:var(--tc-fb);font-size:12px;font-weight:600;color:var(--tc-dim)}
.tc-pf-sec.is-pass{margin-top:10px;padding-top:22px;border-top:1px solid var(--tc-line)}
/* two columns for short fields on wide screens */
.tc-pf .am-row{margin:0 0 18px!important}
.tc-pf .am-element{position:relative}
.tc-pf .am-element-title label{font-size:14px!important}
.tc-pf .am-element-title .comment{margin-top:3px}
.tc-pf input[readonly]{opacity:.7;cursor:not-allowed}
.tc-pf-lock{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--tc-s2);color:var(--tc-dim);font-size:11px;font-weight:700;vertical-align:1px}
.tc-pf-lock svg{width:11px;height:11px}
/* password eye */
.tc-pf .tc-eye-wrap{position:relative;display:block}
.tc-pf .tc-eye-wrap input{padding-right:50px!important}
.tc-member .tc-pf .tc-eye{appearance:none;position:absolute;right:6px;top:25px;transform:translateY(-50%);width:38px;height:38px;margin:0;padding:0!important;border:0!important;border-radius:11px!important;
  background:transparent!important;box-shadow:none!important;color:var(--tc-muted)!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.tc-member .tc-pf .tc-eye:hover{color:var(--tc-text)!important;background:var(--tc-s2)!important}
.tc-pf .tc-eye svg{width:18px;height:18px}
.tc-pf .am-pass-indicator-wrap{position:relative;display:flex!important;flex-direction:column;width:100%!important;max-width:none!important}
.tc-pf .am-pass-indicator-wrap input{order:1;width:100%!important}
.tc-pf .am-pass-indicator-bar{order:2;position:static!important;width:100%!important;height:3px;margin-top:8px;border-radius:3px;background:var(--tc-line);overflow:hidden}
/* save */
.tc-member .tc-pf input[type=submit],.tc-member .tc-pf button[type=submit]{display:block;width:100%!important;height:54px!important;margin:8px 0 0!important;border-radius:999px!important;
  background:var(--tc-grad)!important;color:var(--tc-on)!important;font-family:var(--tc-fd)!important;font-size:16.5px!important;font-weight:750!important;text-transform:none!important;
  box-shadow:0 3px 0 #168A57,0 14px 26px -14px rgba(43,201,131,.8),inset 0 1px 0 rgba(255,255,255,.3)!important}
.tc-pf .waves-ripple{display:none!important}
/* "profile updated" / errors above the form */
.tc-member .tc-pf-note{display:flex;align-items:center;gap:10px;max-width:760px;margin:6px auto 14px!important;padding:13px 16px!important;border-radius:16px!important;font-size:14px!important;font-weight:600;line-height:1.45}
.tc-pf-note:before{content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%}
.tc-member .tc-pf-note.is-ok{background:linear-gradient(90deg,rgba(43,201,131,.2),rgba(43,201,131,.05)),var(--tc-bg2)!important;border:1px solid rgba(43,201,131,.5)!important;color:#C9F5DE!important}
.tc-pf-note.is-ok:before{background:#2BC983 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304140C' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat}
.tc-member .tc-pf-note.is-err{background:linear-gradient(90deg,rgba(255,107,107,.18),rgba(255,107,107,.04)),var(--tc-bg2)!important;border:1px solid rgba(255,107,107,.5)!important;color:#FFC9C9!important}
.tc-pf-note.is-err:before{background:#FF6B6B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23160E0E' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/13px no-repeat}
.tc-pf-note ul{margin:0;padding:0 0 0 18px}
@media (max-width:600px){
  .tc-member form.tc-pf{margin:0 auto 16px!important;padding:20px 16px 18px!important;border-radius:22px!important}
  .tc-pf-head{flex-wrap:wrap;gap:12px;padding-bottom:18px;margin-bottom:18px}
  .tc-pf-av{flex-basis:50px;width:50px;height:50px;font-size:22px;border-radius:15px}
  .tc-pf-name{font-size:22px}
  .tc-member a.tc-pf-home{width:100%;justify-content:center}
  .tc-pf .am-element.group>input{flex-basis:100%}
  .tc-pf-sec small{display:none}
}

/* ---------- login panda: click the head → the ToolCookies hammer bonks it ---------- */
.tc-panda:not(.tc-panda-paws) svg ellipse,.tc-panda:not(.tc-panda-paws) svg circle{pointer-events:visiblePainted;cursor:pointer}
.tc-panda:not(.tc-panda-paws){overflow:visible}
.pd-ready:not(.pd-hop):not(.pd-sad) .tc-panda svg{animation:none}
/* hammer: handle end is the pivot; it winds up, swings down onto the head, bounces and goes away */
.tc-pd-hammer{position:absolute;left:104px;top:-75px;width:80px;height:80px;opacity:0;pointer-events:none;transform-origin:50% 91%;transform:rotate(15deg);z-index:3}
.tc-pd-hammer svg{display:block;width:80px;height:80px;overflow:visible;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
.tc-pd-hammer.is-swing{animation:tcPdHammer .75s cubic-bezier(.45,0,.25,1) forwards}
@keyframes tcPdHammer{
  0%{opacity:0;transform:rotate(30deg)}
  12%{opacity:1;transform:rotate(38deg)}
  40%{opacity:1;transform:rotate(-92deg)}
  50%{transform:rotate(-80deg)}
  60%{transform:rotate(-90deg)}
  80%{opacity:1;transform:rotate(-60deg)}
  100%{opacity:0;transform:rotate(10deg)}}
/* the panda: squash on impact, X eyes, "O" mouth, a bump, dizzy stars */
.pd-bonk .tc-panda:not(.tc-panda-paws)>svg{animation:tcPdSquash .55s cubic-bezier(.3,1.4,.5,1)!important;transform-origin:50% 100%}
@keyframes tcPdSquash{0%{transform:none}16%{transform:translateY(8px) scale(1.09,.84)}42%{transform:translateY(-4px) scale(.96,1.05)}70%{transform:translateY(1px) scale(1.02,.98)}100%{transform:none}}
.tc-pd-x,.tc-pd-ouch,.tc-pd-brow{opacity:0;transition:opacity .12s}
.pd-bonk .tc-pd-x,.pd-bonk .tc-pd-ouch{opacity:1}
.pd-bonk .tc-pd-eye,.pd-bonk .tc-pd-smile,.pd-bonk .tc-pd-sad{opacity:0}
.pd-angry .tc-pd-brow{opacity:1}
.pd-angry .tc-pd-face circle[fill="#FF8FA3"]{opacity:.9;fill:#FF5A6E}
.tc-pd-bump{transform-box:fill-box;transform-origin:50% 100%;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.pd-bumped .tc-pd-bump{transform:scale(1)}
.tc-pd-stars{position:absolute;left:44px;top:-8px;width:80px;height:26px;opacity:0;pointer-events:none;transform:scaleY(.42);z-index:3}
.tc-pd-stars i{position:absolute;left:50%;top:50%;margin:-9px 0 0 -7px;font-style:normal;font-size:18px;line-height:18px;color:#FFC21A;text-shadow:0 0 6px rgba(255,194,26,.8)}
.pd-bonk .tc-pd-stars{opacity:1;transition:opacity .2s}
.pd-bonk .tc-pd-stars i{animation:tcPdOrbit .9s linear infinite}
.pd-bonk .tc-pd-stars i:nth-child(2){animation-delay:-.3s}
.pd-bonk .tc-pd-stars i:nth-child(3){animation-delay:-.6s}
@keyframes tcPdOrbit{from{transform:rotate(0) translateX(38px) rotate(0)}to{transform:rotate(360deg) translateX(38px) rotate(-360deg)}}
/* speech bubble */
.tc-pd-say{position:absolute;right:calc(100% - 22px);top:-14px;padding:7px 12px;border-radius:14px 14px 4px 14px;background:#fff;color:#0C1A12;font:800 13.5px/1.2 var(--tc-fd);white-space:nowrap;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.6);opacity:0;transform:translateY(6px) scale(.6);transform-origin:100% 100%;pointer-events:none;z-index:4;transition:opacity .2s,transform .2s}
.tc-pd-say.is-on{opacity:1;transform:none;animation:tcPdSay .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes tcPdSay{from{transform:translateY(8px) scale(.4)}}
.pd-angry .tc-pd-say{background:#FF5A6E;color:#fff}
@media (max-width:600px){.tc-pd-say{right:auto;left:100%;margin-left:-26px;border-radius:14px 14px 14px 4px;transform-origin:0 100%}}
@media (prefers-reduced-motion:reduce){.tc-pd-hammer.is-swing{animation:none;opacity:1;transform:rotate(-90deg)}.pd-bonk .tc-panda:not(.tc-panda-paws)>svg,.pd-bonk .tc-pd-stars i{animation:none!important}}
.tc-panda .tc-pd-hammer svg{animation:none!important;width:80px;height:80px;overflow:visible}


/* =====================================================================
   v10 — greeting by time of day, "Review us" link, review page (/page/review)
   ===================================================================== */
/* top bar greeting: animated icon + "Good morning" + today's date */
.tc-top-hi{display:flex;align-items:center;gap:11px}
@media (max-width:991px){.tc-top-hi{display:none}}
.tc-greet-ico{flex:0 0 40px;width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;
  background:var(--tc-s1);border:1px solid var(--tc-line);color:var(--tc-yellow);overflow:hidden;position:relative}
.tc-greet-ico svg{display:block;overflow:visible}
.tc-greet-t{display:flex;flex-direction:column;line-height:1.15}
.tc-greet-t b{font-family:var(--tc-fd);font-size:16.5px;font-weight:750;letter-spacing:-.02em;color:var(--tc-text)}
.tc-greet-t small{font-size:12px;color:var(--tc-muted)}
.tc-greet-t small:empty{display:none}
.tc-top-hi.is-morning .tc-greet-ico{color:#FFC21A;background:linear-gradient(180deg,rgba(255,194,26,.16),rgba(255,194,26,.03));border-color:rgba(255,194,26,.35)}
.tc-top-hi.is-afternoon .tc-greet-ico{color:#FFB000;background:linear-gradient(180deg,rgba(255,176,0,.18),rgba(255,176,0,.04));border-color:rgba(255,176,0,.38)}
.tc-top-hi.is-evening .tc-greet-ico{color:#FF7A45;background:linear-gradient(180deg,rgba(255,122,69,.2),rgba(155,81,224,.08));border-color:rgba(255,122,69,.38)}
.tc-top-hi.is-night .tc-greet-ico{color:#C9D6FF;background:linear-gradient(180deg,rgba(120,140,255,.18),rgba(120,140,255,.04));border-color:rgba(140,160,255,.35)}
[data-tc-mode=light] .tc-top-hi.is-night .tc-greet-ico{color:#5B6BD6}
[data-tc-mode=light] .tc-top-hi.is-morning .tc-greet-ico,[data-tc-mode=light] .tc-top-hi.is-afternoon .tc-greet-ico{color:#E09A00}
.tc-top-hi.is-morning .g-sun{animation:tcGRise 2.4s cubic-bezier(.16,1,.3,1) both,tcGBob 5s ease-in-out 2.4s infinite}
.tc-top-hi.is-evening .g-sun{animation:tcGSet 2.4s cubic-bezier(.16,1,.3,1) both,tcGBob 5s ease-in-out 2.4s infinite}
.tc-top-hi.is-afternoon .g-sun{transform-origin:16px 16px;animation:tcGIn .8s cubic-bezier(.3,1.5,.5,1) both}
.tc-top-hi.is-afternoon .g-rays{transform-origin:16px 16px;animation:tcGSpin 14s linear infinite}
.tc-top-hi.is-night .g-moon{transform-origin:16px 16px;animation:tcGIn .8s cubic-bezier(.3,1.5,.5,1) both,tcGTilt 6s ease-in-out .8s infinite}
.tc-top-hi.is-night .g-star{transform-box:fill-box;transform-origin:center;animation:tcGTw 2.2s ease-in-out infinite}
.tc-top-hi.is-night .g-star--2{animation-delay:-1.1s}
@keyframes tcGRise{from{transform:translateY(9px)}to{transform:none}}
@keyframes tcGSet{from{transform:translateY(-5px)}to{transform:translateY(2px)}}
@keyframes tcGBob{0%,100%{translate:0 0}50%{translate:0 -1.5px}}
@keyframes tcGIn{from{transform:scale(.4) rotate(-40deg);opacity:0}}
@keyframes tcGSpin{to{transform:rotate(360deg)}}
@keyframes tcGTilt{0%,100%{rotate:0deg}50%{rotate:-10deg}}
@keyframes tcGTw{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.55)}}
@media (prefers-reduced-motion:reduce){.tc-top-hi .g-sun,.tc-top-hi .g-rays,.tc-top-hi .g-moon,.tc-top-hi .g-star{animation:none!important}}

/* sidebar: Review us */
.tc-nav-rev svg{color:#00B67A}
.tc-nav-a.tc-nav-rev em{margin-left:auto;background:#00B67A;color:#fff}

/* review page */
.tc-rev{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:18px;color:var(--tc-text)}
.tc-rev-hero{position:relative;overflow:hidden;padding:34px 34px 30px;border-radius:28px;border:1px solid var(--tc-line);
  background:radial-gradient(520px 220px at 100% 0,rgba(0,182,122,.22),transparent 70%),linear-gradient(180deg,rgba(43,201,131,.07),transparent 220px),var(--tc-bg2)}
.tc-rev-tp{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--tc-s2);border:1px solid var(--tc-line2);font-family:var(--tc-fd);font-size:14px;font-weight:750;color:var(--tc-text)}
.tc-rev-tp svg{width:20px;height:20px;color:#00B67A;fill:currentColor}
.tc-member .tc-rev h2{margin:16px 0 8px;font-size:34px;line-height:1.08;letter-spacing:-.035em}
.tc-rev h2 em{font-family:var(--tc-fs);font-style:italic;font-weight:400;color:var(--tc-acc2)}
.tc-rev-hero p{margin:0;max-width:560px;font-size:16px;color:var(--tc-text2)}
.tc-rev-gift{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 16px;border-radius:16px;background:rgba(255,194,26,.1);border:1px solid rgba(255,194,26,.4);color:var(--tc-text);font-size:14.5px}
.tc-rev-gift b{color:var(--tc-yellow);font-family:var(--tc-fd);font-size:16px}
[data-tc-mode=light] .tc-rev-gift b{color:#B87800}
/* rating card (Trustpilot look: square tiles that fill with the rating colour) */
.tc-rev-card{padding:28px 30px;border-radius:24px;border:1px solid var(--tc-line);background:var(--tc-bg2)}
.tc-rev-co{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:14px 16px;border-radius:18px;background:var(--tc-s1);border:1px solid var(--tc-line)}
.tc-rev-co img{width:48px;height:48px;border-radius:12px;background:#fff;padding:6px;object-fit:contain}
.tc-rev-co b{display:block;font-family:var(--tc-fd);font-size:16px}
.tc-rev-co small{color:var(--tc-muted);font-size:13.5px}
.tc-member .tc-rev h3{margin:0 0 14px;font-size:22px}
.tc-rev-stars{display:flex;gap:6px;--c:#DCDCE6}
.tc-rev-stars[data-n="1"]{--c:#FF3722}.tc-rev-stars[data-n="2"]{--c:#FF8622}.tc-rev-stars[data-n="3"]{--c:#FFCE00}.tc-rev-stars[data-n="4"]{--c:#73CF11}.tc-rev-stars[data-n="5"]{--c:#00B67A}
.tc-member .tc-rev-stars button{appearance:none;width:58px;height:58px;padding:0;margin:0;border:0;border-radius:6px;background:#DCDCE6;color:#fff;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;box-shadow:none}
html:not([data-tc-mode=light]) .tc-member .tc-rev-stars button{background:#2A3B30}
html .tc-member .tc-rev-stars button.is-on{background:var(--c)}
.tc-rev-stars button:hover{transform:translateY(-2px)}
.tc-rev-stars button:active{transform:scale(.92)}
.tc-rev-stars button svg{width:36px;height:36px;fill:currentColor}
.tc-rev-stars button.is-on svg{animation:tcRevPop .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes tcRevPop{from{transform:scale(.6)}}
.tc-rev-label{display:block;margin-top:10px;font-family:var(--tc-fd);font-size:15px;font-weight:750;color:var(--tc-muted)}
.tc-rev-result{margin-top:20px;padding:18px 20px;border-radius:18px;font-size:15px;line-height:1.5}
.tc-rev-result[hidden]{display:none}
.tc-rev-result.is-pop{animation:tcRevIn .5s cubic-bezier(.16,1,.3,1)}
@keyframes tcRevIn{from{opacity:0;transform:translateY(10px)}}
.tc-rev-result b{display:block;margin-bottom:4px;font-family:var(--tc-fd);font-size:17px}
.tc-rev-result p{margin:0 0 12px;color:var(--tc-text2)}
.tc-rev-good{background:rgba(0,182,122,.1);border:1px solid rgba(0,182,122,.45)}
.tc-rev-low{background:var(--tc-s1);border:1px solid var(--tc-line2)}
.tc-rev-btns{display:flex;flex-wrap:wrap;gap:10px}
.tc-member .tc-rev .tc-btn-tp{background:#00B67A!important;color:#fff!important;box-shadow:0 3px 0 #007F55,0 14px 26px -14px rgba(0,182,122,.8)!important}
.tc-member .tc-rev .tc-btn-wa{background:#25D366!important;color:#04140C!important;box-shadow:0 3px 0 #149447,0 14px 26px -14px rgba(37,211,102,.8)!important}
.tc-rev .tc-btn svg{width:18px;height:18px}
/* how to get the bonus days */
.tc-rev-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:rv}
.tc-rev-steps li{counter-increment:rv;padding:20px;border-radius:20px;border:1px solid var(--tc-line);background:var(--tc-bg2)}
.tc-rev-steps li:before{content:counter(rv);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:10px;border-radius:10px;background:var(--tc-grad);color:var(--tc-on);font-family:var(--tc-fd);font-weight:800}
.tc-rev-steps b{display:block;font-family:var(--tc-fd);font-size:16px;margin-bottom:4px}
.tc-rev-steps p{margin:0;font-size:14px;color:var(--tc-muted)}
.tc-rev-send{padding:24px 26px;border-radius:24px;border:1px solid var(--tc-line);background:var(--tc-bg2)}
.tc-rev-send label{display:block;margin-bottom:8px;font-family:var(--tc-fd);font-size:16px;font-weight:750;color:var(--tc-text)}
.tc-rev-row{display:flex;gap:10px}
.tc-member .tc-rev-row input{flex:1;min-width:0;height:52px;padding:0 16px!important;border-radius:14px!important;border:1px solid var(--tc-line2)!important;background:var(--tc-s1)!important;color:var(--tc-text)!important;font-size:15px}
.tc-member .tc-rev-row input:focus{border-color:var(--tc-acc)!important;outline:0;box-shadow:0 0 0 3px rgba(43,201,131,.2)}
.tc-member .tc-rev-row input.is-bad{border-color:var(--tc-err)!important}
.tc-rev-row .tc-btn{height:52px;flex:0 0 auto}
.tc-rev-err{margin:8px 0 0;color:var(--tc-err);font-size:13.5px}
.tc-rev-err[hidden]{display:none}
.tc-rev-send small{display:block;margin-top:10px;color:var(--tc-muted);font-size:13px}
@media (max-width:760px){
  .tc-rev-hero{padding:24px 20px}
  .tc-member .tc-rev h2{font-size:27px}
  .tc-rev-card,.tc-rev-send{padding:20px 16px}
  .tc-rev-steps{grid-template-columns:1fr}
  .tc-member .tc-rev-stars button{width:auto;flex:1;height:auto;aspect-ratio:1}
  .tc-rev-row{flex-direction:column}
  .tc-rev-row .tc-btn{width:100%;justify-content:center}
}
/* review page: feedback box for 1–2 stars */
.tc-rev-fb{display:flex;flex-direction:column;gap:10px}
.tc-member .tc-rev-fb textarea{width:100%;min-height:110px;padding:14px 16px!important;border-radius:14px!important;border:1px solid var(--tc-line2)!important;background:var(--tc-bg2)!important;color:var(--tc-text)!important;font:inherit;font-size:15px;resize:vertical}
.tc-member .tc-rev-fb textarea:focus{border-color:var(--tc-acc)!important;outline:0;box-shadow:0 0 0 3px rgba(43,201,131,.2)}
.tc-member .tc-rev-fb textarea.is-bad{border-color:var(--tc-err)!important}
.tc-rev-fb .tc-btn{align-self:flex-start;min-width:150px;justify-content:center}
.tc-rev-fb .tc-btn svg{width:18px;height:18px}
.tc-rev-low p.tc-rev-fb-note{margin:10px 0 0;font-size:13px;color:var(--tc-muted)}
@media (max-width:760px){.tc-rev-fb .tc-btn{align-self:stretch}}


/* =====================================================================
   v11 — Help Desk (/helpdesk): what tickets are for, hours, live chat
   ===================================================================== */
.tc-hd{display:flex;flex-direction:column;gap:16px;margin:0 0 22px}
.tc-hd-top{position:relative;overflow:hidden;display:flex;gap:24px;align-items:flex-end;justify-content:space-between;padding:30px 32px;border-radius:28px;border:1px solid var(--tc-line);
  background:radial-gradient(560px 240px at 100% 0,rgba(43,201,131,.18),transparent 70%),linear-gradient(180deg,rgba(43,201,131,.06),transparent 200px),var(--tc-bg2)}
.tc-hd-t{max-width:600px}
.tc-hd-t .tc-kick{display:inline-flex;align-items:center;gap:7px}
.tc-hd-t .tc-kick svg{width:15px;height:15px}
.tc-hd-t .tc-page-h{margin:10px 0 10px}
.tc-hd-t .tc-page-h em{font-family:var(--tc-fs);font-style:italic;font-weight:400;color:var(--tc-acc2)}
.tc-hd-t p{margin:0;font-size:15.5px;line-height:1.6;color:var(--tc-text2)}
.tc-hd-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.tc-hd-facts li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--tc-s1);border:1px solid var(--tc-line)}
.tc-hd-facts svg{flex:0 0 20px;width:20px;height:20px;color:var(--tc-acc2)}
.tc-hd-facts span{display:flex;flex-direction:column;line-height:1.25}
.tc-hd-facts b{font-family:var(--tc-fd);font-size:15px;color:var(--tc-text)}
.tc-hd-facts small{font-size:12.5px;color:var(--tc-muted)}
/* ticket types */
.tc-hd-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tc-member .tc-hd-type{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:18px;border-radius:20px;border:1px solid var(--tc-line);
  background:var(--tc-bg2);color:var(--tc-text);font:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .18s,transform .18s,box-shadow .18s}
.tc-member .tc-hd-type:hover{border-color:rgba(43,201,131,.55);transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(43,201,131,.6)}
.tc-hd-type i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:4px;border-radius:13px;background:var(--tc-tint);border:1px solid rgba(43,201,131,.35);color:var(--tc-acc2)}
.tc-hd-type i svg{width:20px;height:20px}
.tc-hd-type:nth-child(1) i{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.4);color:#FF8A8A}
.tc-hd-type:nth-child(3) i{background:rgba(255,194,26,.12);border-color:rgba(255,194,26,.4);color:var(--tc-yellow)}
.tc-hd-type:nth-child(4) i{background:rgba(140,160,255,.12);border-color:rgba(140,160,255,.4);color:#AFC0FF}
.tc-hd-type b{font-family:var(--tc-fd);font-size:16px;font-weight:750}
.tc-hd-type small{font-size:13px;line-height:1.45;color:var(--tc-muted)}
/* instant help */
.tc-hd-live{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:22px;border:1px solid rgba(37,211,102,.45);
  background:linear-gradient(90deg,rgba(37,211,102,.16),rgba(37,211,102,.03) 70%),var(--tc-bg2)}
.tc-hd-live-ico{flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:#25D366;color:#04140C;animation:tcHdPulse 2.4s ease-in-out infinite}
.tc-hd-live-ico svg{width:22px;height:22px}
@keyframes tcHdPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 0 0 10px rgba(37,211,102,0)}}
.tc-hd-live-t{flex:1;min-width:0}
.tc-hd-live-t b{display:block;font-family:var(--tc-fd);font-size:17px;color:var(--tc-text)}
.tc-hd-live-t p{margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--tc-text2)}
.tc-member .tc-btn.tc-hd-wa{flex:0 0 auto;background:#25D366!important;color:#04140C!important;box-shadow:0 3px 0 #149447,0 14px 26px -14px rgba(37,211,102,.8)!important}
.tc-hd-wa svg{width:18px;height:18px}
/* tips */
.tc-hd-tips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--tc-muted)}
.tc-hd-tips b{display:inline-flex;align-items:center;gap:6px;margin-right:2px;color:var(--tc-text);font-weight:700}
.tc-hd-tips b svg{width:16px;height:16px;color:var(--tc-acc2)}
.tc-hd-tips span{padding:4px 11px;border-radius:999px;background:var(--tc-s1);border:1px solid var(--tc-line)}
.tc-member .tc-hd-tips a{margin-left:auto;font-weight:700}
/* the "new ticket" button aMember shows */
.tc-member a.tc-hd-new{display:inline-flex!important;align-items:center;gap:8px;height:46px;padding:0 22px!important;border-radius:999px!important;border:0!important;
  background:var(--tc-grad)!important;color:var(--tc-on)!important;font-family:var(--tc-fd);font-size:15px;font-weight:750;text-decoration:none!important;box-shadow:var(--tc-3d)!important}
.tc-member a.tc-hd-new:before{content:"+";font-size:20px;line-height:1;margin-top:-2px}
/* ticket pages: only the live chat strip */
.tc-hd.is-mini{margin-bottom:16px}
.tc-hd.is-mini .tc-hd-live{padding:12px 16px}
.tc-hd.is-mini .tc-hd-live-ico{flex-basis:38px;width:38px;height:38px;border-radius:12px}
.tc-hd.is-mini .tc-hd-live-t b{font-size:15px}
.tc-hd.is-mini .tc-hd-live-t p{font-size:13px}
[data-tc-mode=light] .tc-hd-type:nth-child(1) i{color:#D64545}
[data-tc-mode=light] .tc-hd-type:nth-child(3) i{color:#B87800}
[data-tc-mode=light] .tc-hd-type:nth-child(4) i{color:#4F5FD0}
@media (max-width:1100px){.tc-hd-types{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-hd-top{flex-direction:column;align-items:stretch}.tc-hd-facts{flex-direction:row}.tc-hd-facts li{flex:1}}
@media (max-width:600px){
  .tc-hd-top{padding:22px 18px;border-radius:22px}
  .tc-hd-facts{flex-direction:column}
  .tc-hd-types{gap:10px}
  .tc-member .tc-hd-type{padding:14px}
  .tc-hd-type small{display:none}
  .tc-hd-live{flex-wrap:wrap}
  .tc-member .tc-btn.tc-hd-wa{width:100%;justify-content:center}
  .tc-member .tc-hd-tips a{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.tc-hd-live-ico{animation:none}}
/* Help Desk: ticket buttons right in the header */
.tc-hd-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tc-hd-cta .tc-btn{height:48px;padding:0 22px}
.tc-hd-cta .tc-btn svg{width:18px;height:18px}
@media (max-width:600px){.tc-hd-cta .tc-btn{flex:1;justify-content:center;padding:0 14px}}

/* sidebar "Review us": every few seconds the star spins, a shine sweeps across and the badge glows */
.tc-nav-a.tc-nav-rev{position:relative;overflow:hidden}
.tc-nav-rev:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(0,182,122,.22),rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:tcRevShine 5s ease-in-out 2s infinite}
.tc-nav-rev svg{transform-origin:50% 55%;animation:tcRevStar 5s ease-in-out 2s infinite}
.tc-nav-a.tc-nav-rev em{animation:tcRevBadge 5s ease-in-out 2s infinite}
@keyframes tcRevShine{0%,62%{left:-60%}82%,100%{left:130%}}
@keyframes tcRevStar{0%,60%,100%{transform:none;fill:none}66%{transform:scale(1.35) rotate(-18deg);fill:#00B67A}72%{transform:scale(1.15) rotate(144deg);fill:#00B67A}80%{transform:scale(1) rotate(216deg);fill:#00B67A}86%{transform:rotate(216deg);fill:none}}
@keyframes tcRevBadge{0%,60%,100%{box-shadow:0 0 0 0 rgba(0,182,122,0);transform:none}70%{box-shadow:0 0 0 6px rgba(0,182,122,.25);transform:scale(1.08)}80%{box-shadow:0 0 0 10px rgba(0,182,122,0);transform:none}}
@media (prefers-reduced-motion:reduce){.tc-nav-rev:after,.tc-nav-rev svg,.tc-nav-a.tc-nav-rev em{animation:none}}

/* =====================================================================
   v12 — sign-up "check your e-mail" page (signup?_qf_EmailCode_display=true), same look as the sign-up page
   ===================================================================== */
html:has(.tc-ec),body:has(.tc-ec){background:#090E0B!important;min-height:100%}
body:has(.tc-ec){background:radial-gradient(900px 480px at 50% -120px,rgba(43,201,131,.16),transparent 70%),radial-gradient(rgba(237,245,240,.045) 1px,transparent 1.2px) 0 0/22px 22px,#090E0B!important;
  color:#EDF5F0;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
body:has(.tc-ec) .row,body:has(.tc-ec) .col-12,body:has(.tc-ec) .small-spacing{background:transparent!important}
body:has(.tc-ec) .row{margin:0!important}
body:has(.tc-ec) .col-12{padding:0!important}
body:has(.tc-ec) .invoice-box{width:auto!important;min-width:0!important;max-width:620px;margin:40px auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body:has(.tc-ec) .invoice-box>.inside{padding:0!important;background:transparent!important}
body:has(.tc-ec) .invoice-box .title,body:has(.tc-ec) .invoice-box .frm-title{display:none!important}
.tc-ec{--tc-bg:#090E0B;--tc-bg2:#0E1611;--tc-s1:#121B16;--tc-s2:#17231C;--tc-line:#1E2B23;--tc-line2:#2A3B30;--tc-text:#EDF5F0;--tc-text2:#C1CFC6;--tc-muted:#8C9E93;
  --tc-acc:#2BC983;--tc-acc2:#4ADE95;--tc-on:#04140C;--tc-fd:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;--tc-fs:'Instrument Serif',Georgia,serif;
  position:relative;margin:0 auto;padding:36px 36px 30px;border-radius:30px;border:1px solid var(--tc-line);text-align:center;color:var(--tc-text);
  background:linear-gradient(180deg,rgba(43,201,131,.08),transparent 240px),var(--tc-bg2);box-shadow:0 50px 100px -50px rgba(0,0,0,.9);animation:tcEcIn .7s cubic-bezier(.16,1,.3,1) both}
@keyframes tcEcIn{from{opacity:0;transform:translateY(24px) scale(.98)}}
.tc-ec .tc-ec-logo{display:inline-flex;align-items:center;gap:2px;margin-bottom:22px;text-decoration:none!important}
.tc-ec .tc-logo-w{font-family:var(--tc-fd);font-weight:800;font-size:24px;letter-spacing:-.045em;color:var(--tc-text)}
.tc-ec .tc-mark{width:36px;height:36px}
/* envelope that gets a tick */
.tc-ec-art{position:relative;width:104px;height:104px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
.tc-ec-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(43,201,131,.22),rgba(43,201,131,.04) 65%,transparent 70%);animation:tcEcPulse 2.6s ease-in-out infinite}
@keyframes tcEcPulse{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.tc-ec-mail{position:relative;width:70px;height:70px;animation:tcEcFloat 3.2s ease-in-out infinite}
@keyframes tcEcFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
.tc-ec-flap{stroke-dasharray:70;stroke-dashoffset:70;animation:tcEcDraw .9s .4s ease forwards}
@keyframes tcEcDraw{to{stroke-dashoffset:0}}
.tc-ec-check{position:absolute;right:10px;bottom:12px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#3BD992,#22B474);color:#04140C;box-shadow:0 0 0 4px var(--tc-bg2),0 8px 18px -6px rgba(43,201,131,.9);transform:scale(0);animation:tcEcPop .5s 1.1s cubic-bezier(.3,1.6,.5,1) forwards}
.tc-ec-check svg{width:16px;height:16px}
@keyframes tcEcPop{to{transform:scale(1)}}
.tc-ec-kick{display:inline-block;padding:5px 12px;border-radius:999px;background:#10281C;border:1px solid rgba(43,201,131,.4);color:var(--tc-acc2);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tc-ec h1{margin:14px 0 10px;font-family:var(--tc-fd);font-size:38px;font-weight:750;line-height:1.05;letter-spacing:-.04em;color:var(--tc-text)}
.tc-ec h1 em{font-family:var(--tc-fs);font-style:italic;font-weight:400;color:var(--tc-acc2)}
.tc-ec-lead{max-width:470px;margin:0 auto 18px;font-size:15.5px;line-height:1.6;color:var(--tc-text2)}
.tc-ec-lead b{color:var(--tc-text)}
/* aMember's own part (message / code field): the message is already said above */
.tc-ec-form .am-form,.tc-ec-form form,.tc-ec-form fieldset{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-width:0}
.tc-ec-form:not(:has(input[type=text],input[type=submit],.am-errors,.am-error)){display:none}
.tc-ec-form [id^="row-email-confirm-message"]{display:none}
.tc-ec-form .am-row{margin:0 0 12px;text-align:left}
.tc-ec-form label{color:var(--tc-text2)}
.tc-ec-form input[type=text]{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--tc-line2);background:var(--tc-s1);color:var(--tc-text);font-size:18px;letter-spacing:.2em;text-align:center}
.tc-ec-form input[type=submit]{width:100%;height:52px;border:0;border-radius:999px;background:linear-gradient(180deg,#3BD992,#2BC983 60%,#22B474)!important;color:#04140C;font-family:var(--tc-fd);font-size:16px;font-weight:750;box-shadow:0 3px 0 #168A57}
.tc-ec-form .am-errors,.tc-ec-form .am-error{color:#FF8A8A}
/* steps */
.tc-ec-steps{list-style:none;counter-reset:ec;margin:6px 0 20px;padding:0;display:grid;gap:10px;text-align:left}
.tc-ec-steps li{counter-increment:ec;position:relative;display:flex;flex-direction:column;gap:2px;padding:13px 16px 13px 58px;border-radius:16px;background:var(--tc-s1);border:1px solid var(--tc-line);
  animation:tcEcIn .6s cubic-bezier(.16,1,.3,1) both}
.tc-ec-steps li:nth-child(2){animation-delay:.08s}.tc-ec-steps li:nth-child(3){animation-delay:.16s}
.tc-ec-steps li:before{content:counter(ec);position:absolute;left:14px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#3BD992,#22B474);color:#04140C;font-family:var(--tc-fd);font-weight:800;font-size:14px}
.tc-ec-steps b{font-family:var(--tc-fd);font-size:15px;color:var(--tc-text)}
.tc-ec-steps span{font-size:13.5px;color:var(--tc-muted)}
.tc-ec-steps span b{font-family:inherit;font-size:inherit;color:var(--tc-text2)}
/* buttons */
.tc-ec-btns{display:flex;gap:10px}
.tc-ec .tc-ec-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 18px;border-radius:999px;font-family:var(--tc-fd);font-size:15.5px;font-weight:750;
  text-decoration:none!important;background:linear-gradient(180deg,#3BD992,#2BC983 60%,#22B474);color:#04140C!important;box-shadow:0 3px 0 #168A57,0 14px 26px -14px rgba(43,201,131,.8);transition:transform .15s,filter .15s}
.tc-ec .tc-ec-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.tc-ec .tc-ec-btn.is-wa{background:var(--tc-s2);color:var(--tc-text)!important;border:1px solid var(--tc-line2);box-shadow:none}
.tc-ec-btn svg{width:18px;height:18px}
.tc-ec-foot{margin:18px 0 0;font-size:13.5px;color:var(--tc-muted)}
.tc-ec-foot a{color:var(--tc-acc2)!important;font-weight:700}
@media (max-width:600px){
  body:has(.tc-ec) .invoice-box{margin:16px 12px!important}
  .tc-ec{padding:26px 18px 22px;border-radius:24px}
  .tc-ec h1{font-size:30px}
  .tc-ec-btns{flex-direction:column}
  .tc-ec .tc-ec-btn{flex:none}
  .tc-ec-lead{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.tc-ec,.tc-ec *{animation:none!important}.tc-ec-check{transform:none}.tc-ec-flap{stroke-dashoffset:0}}