:root{
  --black:#030405;
  --panel:#080a0c;
  --panel2:#0c0e11;
  --gold:#c78d18;
  --gold2:#f0bd43;
  --gold3:#6e4a0b;
  --cream:#f1eadb;
  --text:#d5d1c7;
  --muted:#8e8a82;
  --line:rgba(199,141,24,.42);
  --good:#48dc94;
  --max:1500px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:280px;
  overflow-x:hidden;
  color:var(--text);
  background:#030405;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 36px),var(--max));margin-inline:auto}

/* =========================================================
   DESKTOP — HERO EXACTO APROBADO
   ========================================================= */
.desktop-reference{display:block;background:#030405}
.reference-canvas{
  position:relative;
  width:100%;
  max-width:1672px;
  margin:0 auto;
  overflow:hidden;
}
.reference-canvas>img{width:100%;height:auto}

.hotspot{
  position:absolute;
  z-index:10;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
}
.hotspot:focus-visible{
  outline:2px solid var(--gold2);
  outline-offset:2px;
  border-radius:4px;
}

/* La imagen original era 1672x941 y ahora está recortada a 688 px.
   Ajustamos los porcentajes verticales al nuevo alto. */
.nav-home{left:35.0%;top:4.65%;width:6.0%;height:9.4%}
.nav-software{left:42.4%;top:4.65%;width:7.7%;height:9.4%}
.nav-security{left:51.2%;top:4.65%;width:7.5%;height:9.4%}
.nav-soon{left:61.3%;top:4.65%;width:9.8%;height:9.4%}
.top-login{left:75.5%;top:3.95%;width:8.6%;height:9.6%}
.top-register{left:85.0%;top:3.95%;width:12.1%;height:9.6%}

.responsive-site{display:none}

/* =========================================================
   BETA BAND
   ========================================================= */
.beta-band{
  position:relative;
  overflow:hidden;
  padding:34px 0;
  background:
    radial-gradient(circle at 76% 35%,rgba(137,36,13,.12),transparent 30%),
    linear-gradient(180deg,#060708,#040506);
  border-top:1px solid rgba(199,141,24,.26);
  border-bottom:1px solid rgba(199,141,24,.19);
}
.beta-band:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(199,141,24,.025) 50%,transparent 100%);
}
.beta-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr);
  gap:44px;
  align-items:center;
}
.section-kicker{
  display:inline-block;
  color:var(--gold2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.beta-copy h2{
  margin:7px 0 8px;
  color:var(--cream);
  font:700 clamp(31px,2.8vw,42px)/1 Georgia,"Times New Roman",serif;
}
.beta-copy p{
  margin:0;
  max-width:650px;
  color:#a9a59c;
  font-size:13px;
  line-height:1.65;
}
.beta-copy strong{color:#d8c9aa;font-weight:700}

.beta-status{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.status-card{
  display:flex;
  gap:10px;
  align-items:center;
  min-height:68px;
  padding:12px 13px;
  border:1px solid rgba(199,141,24,.22);
  background:#090b0d;
}
.status-card i{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:#7e641f;
  box-shadow:0 0 10px rgba(199,141,24,.15);
}
.status-card.live i{
  background:var(--good);
  box-shadow:0 0 12px rgba(72,220,148,.35);
}
.status-card b,.status-card span{display:block}
.status-card b{
  color:var(--gold2);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.status-card span{
  margin-top:3px;
  color:#9c9991;
  font-size:10px;
}

/* =========================================================
   CARDS LIMPIAS
   ========================================================= */
.products-section{
  position:relative;
  overflow:hidden;
  padding:34px 0 42px;
  background:
    radial-gradient(circle at 50% -20%,rgba(133,32,12,.14),transparent 36%),
    #040506;
}
.products-section:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold3),transparent);
}
.product-grid{
  display:grid;
  grid-template-columns:1.08fr 1fr 1fr;
  gap:16px;
}

.product-card{
  position:relative;
  overflow:hidden;
  min-height:210px;
  display:grid;
  grid-template-columns:150px 1fr;
  align-items:center;
  padding:20px 22px 20px 13px;
  border:1px solid rgba(199,141,24,.32);
  background:
    radial-gradient(circle at 18% 50%,rgba(199,141,24,.045),transparent 28%),
    #090b0d;
  box-shadow:
    inset 0 0 28px rgba(255,255,255,.008),
    0 18px 45px rgba(0,0,0,.25);
}
.product-card:before,.product-card:after{
  content:"";
  position:absolute;
  width:28px;
  height:28px;
  opacity:.62;
}
.product-card:before{
  left:-1px;
  top:-1px;
  border-left:1px solid var(--gold2);
  border-top:1px solid var(--gold2);
}
.product-card:after{
  right:-1px;
  bottom:-1px;
  border-right:1px solid var(--gold2);
  border-bottom:1px solid var(--gold2);
}
.product-card.live{
  border-color:rgba(225,164,39,.75);
  box-shadow:
    inset 0 0 34px rgba(200,69,12,.035),
    0 0 18px rgba(221,150,31,.07),
    0 18px 45px rgba(0,0,0,.28);
}

.icon-orbit{
  position:relative;
  width:122px;
  height:122px;
  display:grid;
  place-items:center;
  margin:auto;
  border:1px solid rgba(199,141,24,.18);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(209,144,34,.11),rgba(87,53,12,.025) 48%,transparent 70%);
}
.icon-orbit:before,
.icon-orbit:after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.icon-orbit:before{
  inset:9px;
  border:1px solid rgba(199,141,24,.10);
}
.icon-orbit:after{
  inset:-6px;
  border:1px solid rgba(199,141,24,.05);
}
.premium-icon{
  width:82px;
  height:82px;
  fill:none;
  stroke:#d89b2c;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(217,154,44,.20));
}
.product-card.live .premium-icon{
  stroke:#e9b33e;
  filter:drop-shadow(0 0 9px rgba(233,179,62,.24));
}
.premium-icon .outer{
  stroke-width:1.8;
  opacity:.78;
}

.product-copy{min-width:0}
.product-tag{
  display:inline-flex;
  padding:5px 9px;
  border:1px solid rgba(199,141,24,.27);
  background:#08090a;
  color:#8d887d;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.product-tag.live{
  color:var(--gold2);
  border-color:rgba(199,141,24,.52);
}
.product-copy h3{
  margin:8px 0 6px;
  color:var(--cream);
  font:700 clamp(25px,2vw,31px)/1 Georgia,"Times New Roman",serif;
}
.product-copy p{
  margin:0;
  color:#96928a;
  font-size:11px;
  line-height:1.52;
}
.product-action,
.product-disabled{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:11px;
  padding:7px 10px;
  border:1px solid rgba(199,141,24,.34);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.product-action{color:var(--gold2)}
.product-disabled{color:#76736d}

/* =========================================================
   FOOTER
   ========================================================= */
footer{
  padding:24px 0;
  background:#020304;
  border-top:1px solid rgba(199,141,24,.22);
}
.footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#73716b;
  font-size:10px;
  letter-spacing:.08em;
}
.footer>span{
  color:var(--gold2);
  font-weight:800;
}

.toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:200;
  max-width:min(360px,calc(100vw - 36px));
  padding:13px 16px;
  border:1px solid var(--gold3);
  background:#0a0c0e;
  color:var(--cream);
  font-size:12px;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:.2s ease;
}
.toast.show{opacity:1;transform:none}

/* =========================================================
   TABLET / MOBILE
   ========================================================= */
@media(max-width:999px){
  .desktop-reference{display:none}
  .responsive-site{display:block}

  .topbar{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(2,3,4,.98);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(10px);
  }
  .nav{
    min-height:74px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .brand{
    display:flex;
    align-items:center;
    gap:9px;
    margin-right:auto;
  }
  .brand img{width:48px}
  .brand strong{
    display:block;
    color:var(--cream);
    font:700 16px Georgia,serif;
  }
  .brand small{
    display:block;
    margin-top:3px;
    color:var(--gold2);
    font-size:7px;
    letter-spacing:.13em;
  }
  .menu-toggle{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    gap:4px;
    padding:10px;
    border:1px solid var(--line);
    background:#080a0c;
  }
  .menu-toggle span{
    display:block;
    width:18px;
    height:1px;
    background:var(--gold2);
  }
  .topbar nav{display:none}
  .topbar nav.open{
    position:absolute;
    left:18px;
    right:18px;
    top:75px;
    display:grid;
    padding:8px;
    border:1px solid var(--line);
    background:#050607;
  }
  .topbar nav a{
    padding:14px;
    border-bottom:1px solid rgba(199,141,24,.12);
    text-transform:uppercase;
    font-size:11px;
  }
  .topbar nav a:last-child{border-bottom:0}

  .btn{
    min-height:42px;
    padding:0 14px;
    border:1px solid var(--line);
    background:#08090b;
    color:var(--cream);
    text-transform:uppercase;
    font-size:10px;
    font-weight:800;
  }
  .btn-gold{
    color:#171006;
    border-color:#dfa52a;
    background:linear-gradient(180deg,#efc45b,#b87a12);
  }
  .btn-dark{background:#08090b}
  .mobile-account{font-size:9px}

  .mobile-hero{
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  .mobile-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      linear-gradient(180deg,rgba(2,3,4,.61),rgba(2,3,4,.83)),
      url("../resources/hero/hero-realm.webp") 72% center/cover no-repeat;
  }
  .mobile-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:url("../resources/fx/smoke-glow.webp") center/cover no-repeat;
    opacity:.42;
  }
  #embers{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    pointer-events:none;
  }
  .mobile-inner{
    position:relative;
    z-index:1;
    padding:30px 0 28px;
  }
  .eyebrow{
    color:var(--gold2);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
  }
  .mobile-copy h1{
    margin:14px 0;
    color:var(--cream);
    font:700 clamp(42px,11vw,70px)/.92 Georgia,serif;
    letter-spacing:-.03em;
  }
  .mobile-copy h1 em{
    display:block;
    color:var(--gold2);
    font-style:normal;
  }
  .mobile-copy p{
    color:#b8b4ab;
    font-size:13px;
    line-height:1.65;
  }
  .actions{
    display:flex;
    gap:10px;
    margin:18px 0 24px;
  }
  .protector-frame{
    padding:8px;
    border:1px solid rgba(225,164,39,.7);
    background:#06080a;
    box-shadow:0 0 28px rgba(226,96,22,.12);
  }
  .protector-frame img{width:100%}

  .beta-layout{
    grid-template-columns:1fr;
    gap:22px;
  }
  .beta-status{
    grid-template-columns:1fr;
  }

  .product-grid{
    grid-template-columns:1fr;
  }
  .product-card{
    grid-template-columns:130px 1fr;
  }
}

@media(max-width:560px){
  .brand small{display:none}
  .mobile-account{display:none}
  .actions{display:grid}
  .product-card{
    grid-template-columns:96px 1fr;
    padding:16px 14px 16px 10px;
  }
  .icon-orbit{
    width:82px;
    height:82px;
  }
  .premium-icon{
    width:58px;
    height:58px;
  }
  .product-copy h3{font-size:24px}
  .product-copy p{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  #embers{display:none}
}

/* V19 icon refinement */
.premium-icon rect,.premium-icon circle,.premium-icon path{vector-effect:non-scaling-stroke;}
.asset-icon .outer,.kit-icon .outer,.map-icon .outer{opacity:.86;}
.asset-icon rect{fill:rgba(216,155,44,.06);}
.kit-icon path:nth-of-type(2){fill:rgba(216,155,44,.03);}
.icon-orbit{box-shadow:inset 0 0 24px rgba(215,154,40,.03),0 0 22px rgba(215,154,40,.05);}
.product-card.live .icon-orbit{box-shadow:inset 0 0 28px rgba(235,177,59,.05),0 0 26px rgba(235,177,59,.08);}


/* =========================================================
   V20 — REAL ICON IMAGES
   Usa las imágenes premium generadas, no SVG lineales.
   ========================================================= */

.icon-orbit{
  width:136px!important;
  height:136px!important;
  border-color:rgba(199,141,24,.13)!important;
  background:
    radial-gradient(circle,rgba(225,154,35,.10) 0%,rgba(94,53,8,.035) 48%,transparent 72%)!important;
  box-shadow:
    inset 0 0 26px rgba(230,165,53,.025),
    0 0 24px rgba(213,139,30,.045)!important;
}

.icon-orbit:before{
  inset:8px!important;
  border-color:rgba(199,141,24,.075)!important;
}
.icon-orbit:after{
  inset:-5px!important;
  border-color:rgba(199,141,24,.035)!important;
}

.premium-icon-image{
  position:relative;
  z-index:2;
  width:126px;
  height:126px;
  object-fit:contain;
  filter:
    drop-shadow(0 0 6px rgba(255,179,48,.16))
    drop-shadow(0 8px 13px rgba(0,0,0,.32));
}

.product-card.live .premium-icon-image{
  width:130px;
  height:130px;
  filter:
    drop-shadow(0 0 8px rgba(255,188,56,.23))
    drop-shadow(0 9px 15px rgba(0,0,0,.35));
}

/* Kits tiene alas y arma: un poco más de aire para que no se corte. */
.kits-image{
  width:132px;
  height:132px;
}

/* Mapa ligeramente más compacto para equilibrar las tres cards. */
.maps-image{
  width:122px;
  height:122px;
}

@media(max-width:999px){
  .icon-orbit{
    width:128px!important;
    height:128px!important;
  }
  .premium-icon-image,
  .product-card.live .premium-icon-image{
    width:118px;
    height:118px;
  }
  .kits-image{width:122px;height:122px}
  .maps-image{width:112px;height:112px}
}

@media(max-width:560px){
  .icon-orbit{
    width:84px!important;
    height:84px!important;
  }
  .premium-icon-image,
  .product-card.live .premium-icon-image{
    width:78px;
    height:78px;
  }
  .kits-image{width:82px;height:82px}
  .maps-image{width:74px;height:74px}
}






/* =========================================================
   ACCOUNTS UI V21 — APPROVED EXACT PAIR FINAL
   Mismo arte aprobado, sin reinterpretacion visual.
   Ambos paneles: 701 × 1122.
   ========================================================= */

[hidden]{display:none!important}

body.account-open{
  overflow:hidden;
}

.account-layer{
  position:fixed;
  z-index:10000;
  inset:0;
  display:grid;
  place-items:center;
  padding:8px;
  overflow:auto;
}

.account-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(6px);
}

.account-dialog{
  position:relative;
  z-index:2;
  width:auto;
  margin:auto;
  border:0;
  background:transparent;
  box-shadow:none;
}

.account-panel{
  margin:0;
  padding:0;
}

/*
  Los dos paneles salen de la MISMA imagen aprobada,
  cortada exactamente por la mitad.
  Por eso comparten tamaño, proporcion y escala.
*/
.auth-approved-stage{
  position:relative;

  /*
     701 / 1122 = 0.624777...

     El modal ahora respeta simultáneamente:
     - ancho disponible
     - alto disponible
     - proporción original del artwork
  */
  width:min(
    460px,
    calc(100vw - 20px),
    calc((100dvh - 20px) * 701 / 1122)
  );

  aspect-ratio:701 / 1122;
  margin:auto;
  overflow:hidden;
  background:#020202;
  box-shadow:
    0 38px 120px rgba(0,0,0,.97),
    0 0 42px rgba(178,63,7,.16);
}

.auth-approved-art{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  user-select:none;
  pointer-events:none;
}

/* Campos reales: solo texto/caret sobre el artwork. */
.auth-approved-hit{
  position:absolute;
  z-index:6;
  display:block;
  cursor:text;
}

.auth-approved-input{
  position:absolute;

  top:0!important;
  bottom:auto!important;

  box-sizing:border-box;

  width:auto!important;
  height:100%!important;
  min-height:0!important;

  margin:0!important;

  padding:
    0
    3px!important;

  border:0!important;
  outline:0!important;
  border-radius:0!important;

  background:transparent!important;

  color:#c7c0b7!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:clamp(
    11px,
    2.55cqw,
    15px
  )!important;

  font-weight:400!important;
  line-height:normal!important;

  caret-color:#e2a43c!important;

  box-shadow:none!important;

  appearance:none!important;
  -webkit-appearance:none!important;

  transform:translateY(-1px)!important;
}

.auth-approved-input::placeholder{
  color:#7a736b;
  opacity:1;
}

.auth-approved-input::selection{
  color:#fff0d0;
  background:rgba(177,104,16,.55);
}

.auth-approved-input::-ms-clear,
.auth-approved-input::-ms-reveal{
  display:none!important;
  width:0!important;
  height:0!important;
}

.auth-approved-input::-webkit-credentials-auto-fill-button,
.auth-approved-input::-webkit-contacts-auto-fill-button{
  visibility:hidden!important;
  display:none!important;
  pointer-events:none!important;
}

.auth-approved-hotspot{
  position:absolute;
  z-index:8;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  cursor:pointer;
}

.auth-approved-hotspot:focus-visible{
  outline:1px solid rgba(238,174,61,.72);
  outline-offset:-3px;
}

/* =========================================================
   LOGIN — coordenadas del panel izquierdo 701 × 1122
   ========================================================= */
.login-email-hit{
  left:18.69%;
  top:36.45%;
  width:62.62%;
  height:6.60%;
}

.login-email-hit input{
  left:14.5%;
  right:3%;
}

.login-password-hit{
  left:18.69%;
  top:50.89%;
  width:62.62%;
  height:6.95%;
}

.login-password-hit input{
  left:14.5%;
  right:13.8%;
}

.login-eye-hit{
  left:72.90%;
  top:52.67%;
  width:6.99%;
  height:3.48%;
}

.login-submit-hit{
  left:17.8%;
  top:64.35%;
  width:64.4%;
  height:9.45%;
}

.login-switch-hit{
  left:50.0%;
  top:79.25%;
  width:26%;
  height:4.2%;
}

.login-close-hit{
  left:77.9%;
  top:8.0%;
  width:8.0%;
  height:5.0%;
}

/* =========================================================
   REGISTER — coordenadas del panel derecho 701 × 1122
   ========================================================= */
.register-name-hit{
  left:17.26%;
  top:32.35%;
  width:64.19%;
  height:5.79%;
}

.register-name-hit input{
  left:14.5%;
  right:3%;
}

.register-email-hit{
  left:17.26%;
  top:42.96%;
  width:64.19%;
  height:5.97%;
}

.register-email-hit input{
  left:14.5%;
  right:3%;
}

.register-password-hit{
  left:17.26%;
  top:53.83%;
  width:64.19%;
  height:6.15%;
}

.register-password-hit input{
  left:14.5%;
  right:14%;
}

.register-eye-password-hit{
  left:73.32%;
  top:55.26%;
  width:6.85%;
  height:3.57%;
}

.register-confirm-hit{
  left:17.26%;
  top:64.71%;
  width:64.19%;
  height:6.15%;
}

.register-confirm-hit input{
  left:14.5%;
  right:14%;
}

.register-eye-confirm-hit{
  left:73.32%;
  top:66.13%;
  width:6.85%;
  height:3.48%;
}

.register-submit-hit{
  left:17.5%;
  top:71.45%;
  width:63.0%;
  height:8.75%;
}

.register-switch-hit{
  left:52.0%;
  top:85.4%;
  width:17.5%;
  height:4.0%;
}

.register-close-hit{
  left:77.2%;
  top:8.0%;
  width:8.0%;
  height:5.0%;
}

.account-message{
  position:fixed;
  z-index:10020;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  max-width:min(440px,calc(100vw - 30px));
  margin:0;
  padding:7px 12px;
  color:#e1ad4d;
  background:rgba(4,3,2,.9);
  font-size:11px;
  text-align:center;
  pointer-events:none;
}

.auth-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media(max-width:560px){

  .account-layer{
    padding:5px;
  }

  .auth-approved-stage{
    width:min(
      430px,
      94vw,
      calc((100dvh - 12px) * 701 / 1122)
    );
  }

}

/* =========================================================
   AUTH EMPTY MESSAGE FIX
   No mostrar la caja de status cuando no hay mensaje.
   ========================================================= */

.account-message:empty{
  display:none!important;
}

/* =========================================================
   AUTH INPUT HARD DARK V2
   Strong specificity override for browser/native backgrounds.
   ========================================================= */

#accountLayer #loginPanel #loginForm input#loginEmail.auth-approved-input,
#accountLayer #loginPanel #loginForm input#loginPassword.auth-approved-input,

#accountLayer #registerPanel #registerForm input#registerDisplayName.auth-approved-input,
#accountLayer #registerPanel #registerForm input#registerEmail.auth-approved-input,
#accountLayer #registerPanel #registerForm input#registerPassword.auth-approved-input,
#accountLayer #registerPanel #registerForm input#registerPasswordConfirm.auth-approved-input {

    -webkit-appearance:none !important;
    appearance:none !important;

    background:#050302 !important;
    background-color:#050302 !important;
    background-image:none !important;

    color:#f1d29a !important;
    -webkit-text-fill-color:#f1d29a !important;

    caret-color:#f0a934 !important;

    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;

    box-shadow:
        inset 0 0 0 1000px #050302 !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #050302 !important;

    filter:none !important;
}


/* Focus */

#accountLayer #loginPanel #loginForm input#loginEmail.auth-approved-input:focus,
#accountLayer #loginPanel #loginForm input#loginPassword.auth-approved-input:focus,

#accountLayer #registerPanel #registerForm input#registerDisplayName.auth-approved-input:focus,
#accountLayer #registerPanel #registerForm input#registerEmail.auth-approved-input:focus,
#accountLayer #registerPanel #registerForm input#registerPassword.auth-approved-input:focus,
#accountLayer #registerPanel #registerForm input#registerPasswordConfirm.auth-approved-input:focus {

    background:#050302 !important;
    background-color:#050302 !important;

    color:#f6dca7 !important;
    -webkit-text-fill-color:#f6dca7 !important;

    outline:none !important;

    box-shadow:
        inset 0 0 0 1000px #050302 !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #050302 !important;
}


/* Chrome / Edge autofill */

#accountLayer input#loginEmail:-webkit-autofill,
#accountLayer input#loginEmail:-webkit-autofill:hover,
#accountLayer input#loginEmail:-webkit-autofill:focus,

#accountLayer input#loginPassword:-webkit-autofill,
#accountLayer input#loginPassword:-webkit-autofill:hover,
#accountLayer input#loginPassword:-webkit-autofill:focus,

#accountLayer input#registerDisplayName:-webkit-autofill,
#accountLayer input#registerDisplayName:-webkit-autofill:hover,
#accountLayer input#registerDisplayName:-webkit-autofill:focus,

#accountLayer input#registerEmail:-webkit-autofill,
#accountLayer input#registerEmail:-webkit-autofill:hover,
#accountLayer input#registerEmail:-webkit-autofill:focus,

#accountLayer input#registerPassword:-webkit-autofill,
#accountLayer input#registerPassword:-webkit-autofill:hover,
#accountLayer input#registerPassword:-webkit-autofill:focus,

#accountLayer input#registerPasswordConfirm:-webkit-autofill,
#accountLayer input#registerPasswordConfirm:-webkit-autofill:hover,
#accountLayer input#registerPasswordConfirm:-webkit-autofill:focus {

    -webkit-text-fill-color:#f1d29a !important;

    -webkit-box-shadow:
        0 0 0 1000px #050302 inset !important;

    box-shadow:
        0 0 0 1000px #050302 inset !important;

    background:#050302 !important;
    background-color:#050302 !important;

    caret-color:#f0a934 !important;

    transition:
        background-color 999999s 0s,
        color 999999s 0s !important;
}


/* ===== END AUTH INPUT HARD DARK V2 ===== */

/* =========================================================
   LOGIN USER OR EMAIL LABEL FINAL V1
   Visual-only label. Functional input already accepts both.
   ========================================================= */

#loginForm .login-email-hit{
  overflow:visible!important;
}

#loginForm .login-email-hit::before{
  content:"USUARIO O EMAIL";

  position:absolute;
  left:0;
  bottom:calc(100% + 7px);
  z-index:20;

  min-width:170px;
  height:22px;

  display:flex;
  align-items:center;

  padding:0 16px 0 0;

  color:#e4b45b;

  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  font-weight:700;
  line-height:22px;
  letter-spacing:.045em;

  white-space:nowrap;

  background:
    linear-gradient(
      90deg,
      #040302 0%,
      #040302 87%,
      rgba(4,3,2,.90) 94%,
      rgba(4,3,2,0) 100%
    );

  box-shadow:
    -7px 0 8px #040302,
    0 -4px 6px rgba(4,3,2,.90),
    0 4px 6px rgba(4,3,2,.90);

  pointer-events:none;
}














/* ========================================================================
   FT CUSTOMS — LOWER HOME PREMIUM — PASS 1
   Beta + Products + Footer
   Hero canónico NO TOCAR
   ======================================================================== */


/* ------------------------------------------------------------------------
   BETA
   ------------------------------------------------------------------------ */

.beta-band{
    padding:48px 0 50px;

    background:
        radial-gradient(
            circle at 78% 20%,
            rgba(42,133,220,.075),
            transparent 30%
        ),
        radial-gradient(
            circle at 20% 80%,
            rgba(220,170,73,.045),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #06080b,
            #040506
        );

    border-top:
        1px solid
        rgba(220,170,73,.20);

    border-bottom:
        1px solid
        rgba(78,142,202,.10);
}

.beta-band:before{
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(76,158,230,.020) 38%,
            rgba(220,170,73,.028) 63%,
            transparent 100%
        );
}

.beta-layout{
    grid-template-columns:
        minmax(360px,1.05fr)
        minmax(520px,.95fr);

    gap:54px;
}

.beta-copy h2{
    margin:8px 0 12px;

    font-size:
        clamp(
            34px,
            3vw,
            44px
        );

    letter-spacing:-.025em;
}

.beta-copy p{
    max-width:690px;

    color:#aaa7a0;

    font-size:13px;
    line-height:1.72;
}

.beta-copy strong{
    color:#e0d7c7;
}

.beta-status{
    gap:12px;
}

.status-card{
    min-height:76px;

    padding:
        15px
        16px;

    border:
        1px solid
        rgba(220,170,73,.16);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.018),
            rgba(255,255,255,.003)
        ),
        #080a0d;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 12px 28px rgba(0,0,0,.16);
}

.status-card.live{
    border-color:
        rgba(220,170,73,.30);

    background:
        linear-gradient(
            145deg,
            rgba(220,170,73,.040),
            rgba(54,142,224,.018)
        ),
        #080a0d;
}

.status-card i{
    width:8px;
    height:8px;
}

.status-card b{
    font-size:9px;
}

.status-card span{
    color:#aaa69f;
    font-size:10px;
}


/* ------------------------------------------------------------------------
   PRODUCTS HEADING
   ------------------------------------------------------------------------ */

.products-section{
    padding:
        54px
        0
        62px;

    background:
        radial-gradient(
            circle at 15% 5%,
            rgba(53,139,218,.055),
            transparent 29%
        ),
        radial-gradient(
            circle at 78% 16%,
            rgba(220,170,73,.040),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #040506,
            #030405
        );
}

.products-section:before{
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(70,151,224,.16),
            rgba(220,170,73,.22),
            transparent
        );
}

.products-heading{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:42px;

    margin-bottom:24px;
}

.products-heading > div{
    min-width:0;
}

.products-heading h2{
    margin:
        7px
        0
        0;

    color:var(--cream);

    font:
        700
        clamp(29px,2.5vw,38px)/1.05
        Georgia,
        "Times New Roman",
        serif;

    letter-spacing:-.025em;
}

.products-heading p{
    width:min(420px,100%);

    margin:0;

    color:#8f9297;

    font-size:11px;
    line-height:1.65;
}


/* ------------------------------------------------------------------------
   PRODUCT CARDS
   ------------------------------------------------------------------------ */

.product-grid{
    grid-template-columns:
        1.24fr
        .88fr
        .88fr;

    gap:17px;
}

.product-card{
    min-height:222px;

    padding:
        22px
        22px
        22px
        14px;

    border-color:
        rgba(220,170,73,.20);

    background:
        radial-gradient(
            circle at 17% 50%,
            rgba(59,145,221,.025),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.012),
            rgba(255,255,255,.002)
        ),
        #07090b;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.012),
        0 16px 38px rgba(0,0,0,.20);
}

.product-card.live{
    border-color:
        rgba(224,173,77,.52);

    background:
        radial-gradient(
            circle at 17% 50%,
            rgba(55,149,231,.050),
            transparent 32%
        ),
        radial-gradient(
            circle at 75% 25%,
            rgba(220,170,73,.028),
            transparent 40%
        ),
        #080a0d;

    box-shadow:
        inset 0 0 34px rgba(56,145,224,.020),
        0 0 24px rgba(220,170,73,.035),
        0 18px 42px rgba(0,0,0,.25);
}

.product-card:not(.live){
    opacity:.86;
}

.product-card:not(.live):hover{
    opacity:1;
}

.icon-orbit{
    background:
        radial-gradient(
            circle,
            rgba(52,142,224,.038),
            rgba(220,170,73,.015) 48%,
            transparent 70%
        );

    border-color:
        rgba(220,170,73,.16)!important;

    box-shadow:
        inset 0 0 28px rgba(53,143,224,.025),
        0 0 24px rgba(220,170,73,.035)!important;
}

.product-card.live .icon-orbit{
    border-color:
        rgba(220,170,73,.30)!important;

    box-shadow:
        inset 0 0 30px rgba(54,145,224,.045),
        0 0 26px rgba(220,170,73,.060)!important;
}

.product-tag{
    background:
        rgba(5,7,9,.82);

    border-color:
        rgba(220,170,73,.20);

    color:#85878a;
}

.product-tag.live{
    color:#e6bd6a;

    border-color:
        rgba(220,170,73,.40);
}

.product-copy h3{
    margin:
        9px
        0
        7px;

    font-size:
        clamp(
            25px,
            2vw,
            32px
        );
}

.product-copy p{
    color:#999ca0;

    font-size:11px;
    line-height:1.58;
}

.product-action,
.product-disabled{
    margin-top:13px;

    padding:
        8px
        11px;

    background:
        rgba(5,7,9,.52);
}

.product-action{
    color:#e7bd68;

    border-color:
        rgba(220,170,73,.42);
}

.product-disabled{
    color:#777a7e;

    border-color:
        rgba(140,143,147,.16);
}


/* ------------------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------------------ */

footer{
    padding:
        22px
        0;

    background:
        linear-gradient(
            180deg,
            #030405,
            #020304
        );

    border-top:
        1px solid
        rgba(220,170,73,.16);
}

.footer{
    align-items:center;

    min-height:28px;

    color:#70737a;

    font-size:9px;

    letter-spacing:.10em;
}

.footer>span{
    color:#c9a359;
}


/* ------------------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------------------ */

@media(max-width:980px){

    .beta-layout{
        grid-template-columns:1fr;
        gap:26px;
    }

    .products-heading{
        align-items:flex-start;

        flex-direction:column;

        gap:12px;
    }

    .products-heading p{
        width:auto;
        max-width:640px;
    }

    .product-grid{
        grid-template-columns:1fr;
    }

    .product-card{
        grid-template-columns:
            130px
            1fr;
    }

}


@media(max-width:560px){

    .beta-band{
        padding:
            34px
            0
            38px;
    }

    .products-section{
        padding:
            38px
            0
            44px;
    }

    .products-heading{
        margin-bottom:18px;
    }

    .products-heading h2{
        font-size:28px;
    }

    .product-card{
        min-height:0;

        grid-template-columns:
            96px
            1fr;

        padding:
            16px
            14px
            16px
            10px;
    }

    footer{
        padding:
            20px
            0;
    }

}



/* ========================================================================
   FT CUSTOMS — HOME FINAL POLISH — LOWER PASS 2
   ======================================================================== */


/* BETA — tighter and more connected to the hero */

.beta-band{
    padding:
        38px
        0
        40px;
}

.beta-layout{
    gap:42px;
}

.beta-copy h2{
    margin:
        7px
        0
        10px;
}

.beta-copy p{
    line-height:1.62;
}

.beta-status{
    gap:10px;
}

.status-card{
    min-height:70px;

    padding:
        13px
        14px;
}

.status-card.live{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.020),
        inset 3px 0 0 rgba(63,211,153,.60),
        0 12px 26px rgba(0,0,0,.15);
}


/* PRODUCTS — hierarchy and spacing */

.products-section{
    padding:
        44px
        0
        38px;
}

.products-heading{
    align-items:flex-end;

    gap:28px;

    margin-bottom:20px;
}

.products-heading p{
    width:min(390px,100%);

    color:#96999f;

    line-height:1.55;
}

.product-grid{
    gap:14px;
}

.product-card{
    min-height:214px;

    padding:
        20px
        20px
        20px
        13px;
}


/* Available product remains clearly dominant */

.product-card.live{
    transform:translateY(-1px);

    border-color:
        rgba(226,174,77,.58);

    box-shadow:
        inset 0 0 34px rgba(54,145,224,.022),
        0 0 22px rgba(220,170,73,.040),
        0 18px 40px rgba(0,0,0,.24);
}


/* Upcoming products: visible, not disabled-looking */

.product-card:not(.live){
    opacity:.94;

    border-color:
        rgba(220,170,73,.24);
}

.product-card:not(.live) .product-copy h3{
    color:#dedbd3;
}

.product-card:not(.live) .product-copy p{
    color:#9b9da0;
}

.product-card:not(.live) .premium-icon-image{
    opacity:.92;

    filter:
        drop-shadow(0 0 7px rgba(255,179,48,.14))
        drop-shadow(0 8px 13px rgba(0,0,0,.28));
}

.product-card:not(.live) .product-tag{
    color:#85888c;

    border-color:
        rgba(220,170,73,.20);
}

.product-disabled{
    color:#85888c;

    border-color:
        rgba(150,153,158,.20);
}


/* Cards feel less empty */

.product-copy h3{
    margin:
        8px
        0
        6px;
}

.product-copy p{
    line-height:1.54;
}


/* FOOTER — restrained finish */

footer{
    position:relative;

    padding:
        17px
        0
        18px;

    border-top:0;

    background:
        linear-gradient(
            180deg,
            #030405,
            #020304
        );
}

footer:before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(66,151,225,.16) 28%,
            rgba(220,170,73,.27) 65%,
            transparent 100%
        );
}

.footer{
    min-height:30px;

    align-items:center;

    color:#7b7d81;
}

.footer>span{
    color:#d1aa5e;
}


/* Responsive */

@media(max-width:980px){

    .beta-band{
        padding:
            34px
            0
            36px;
    }

    .products-heading{
        align-items:flex-start;

        gap:10px;
    }

    .product-grid{
        gap:13px;
    }

}


@media(max-width:560px){

    .beta-band{
        padding:
            30px
            0
            32px;
    }

    .products-section{
        padding:
            34px
            0
            32px;
    }

    .products-heading{
        margin-bottom:16px;
    }

    .product-card{
        min-height:0;
    }

}


/* =========================================================
   FT CUSTOMS WEB I18N V1
   Language selector + translatable CSS text only.
   GOLD artworks remain byte-perfect.
   ========================================================= */

.ft-language-switcher{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:90;

  box-sizing:border-box;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  min-height:34px;
  padding:5px 9px;

  border:1px solid rgba(202,144,42,.38);
  border-radius:999px;

  background:
    linear-gradient(
      180deg,
      rgba(18,15,11,.94),
      rgba(5,5,5,.96)
    );

  box-shadow:
    0 10px 32px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,224,146,.055);

  backdrop-filter:blur(8px);
}


.ft-language-switcher > span{
  width:1px;
  height:13px;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(197,139,37,.5),
      transparent
    );
}


.ft-language-switcher button{
  appearance:none;

  min-width:27px;
  padding:3px 4px;

  border:0;
  outline:0;

  background:transparent;

  color:#81745f;

  font:
    700 10px/1
    Arial,
    sans-serif;

  letter-spacing:.08em;

  cursor:pointer;

  transition:
    color .16s ease,
    text-shadow .16s ease,
    transform .16s ease;
}


.ft-language-switcher button:hover{
  color:#d8b866;
}


.ft-language-switcher button.is-active{
  color:#f0ce75;

  text-shadow:
    0 0 9px rgba(210,147,34,.38);
}


.ft-language-switcher button:active{
  transform:translateY(1px);
}


.ft-language-switcher button:focus-visible{
  outline:
    1px solid rgba(235,183,71,.72);

  outline-offset:3px;
}


html{
  --ft-i18n-login-user:
    "USUARIO O EMAIL";

  --ft-i18n-profile-title:
    "MI PERFIL";

  --ft-i18n-display-name:
    "NOMBRE DE USUARIO";

  --ft-i18n-email:
    "EMAIL";
}


html[lang="en"]{
  --ft-i18n-login-user:
    "USERNAME OR EMAIL";

  --ft-i18n-profile-title:
    "MY PROFILE";

  --ft-i18n-display-name:
    "USERNAME";

  --ft-i18n-email:
    "EMAIL";
}


html[lang="pt-BR"]{
  --ft-i18n-login-user:
    "USUÁRIO OU EMAIL";

  --ft-i18n-profile-title:
    "MEU PERFIL";

  --ft-i18n-display-name:
    "NOME DE USUÁRIO";

  --ft-i18n-email:
    "EMAIL";
}


#loginForm .login-email-hit::before{
  content:
    var(--ft-i18n-login-user)
    !important;
}


#accountPanel.account-profile-panel::after{
  content:
    var(--ft-i18n-profile-title)
    !important;
}


#accountPanel.account-profile-panel
#accountDisplayName::before{
  content:
    var(--ft-i18n-display-name)
    !important;
}


#accountPanel.account-profile-panel
#accountEmail::before{
  content:
    var(--ft-i18n-email)
    !important;
}


@media(max-width:600px){

  .ft-language-switcher{
    right:10px;
    bottom:10px;

    gap:5px;

    min-height:31px;

    padding:
      4px
      7px;
  }

  .ft-language-switcher button{
    min-width:25px;
    font-size:9px;
  }
}


/* ===== END FT CUSTOMS WEB I18N V1 ===== */

/* =========================================================
   FT_CUSTOMS_LOGIN_SERIOUS_V5
   Approved balanced premium login.
   ========================================================= */

html{
  --ft-login-title:"Ingresar";
  --ft-login-secure:"ACCESO SEGURO";
  --ft-login-subtitle:"Accedé a tu cuenta FT Customs.";
  --ft-login-email:"EMAIL";
  --ft-login-password:"CONTRASEÑA";
  --ft-login-email-placeholder:"tu@email.com";
  --ft-login-submit:"INGRESAR";
  --ft-login-switch:"¿No tenés cuenta?  Registro  ›";
}

html[lang="en"]{
  --ft-login-title:"Sign in";
  --ft-login-secure:"SECURE ACCESS";
  --ft-login-subtitle:"Sign in to your FT Customs account.";
  --ft-login-email:"EMAIL";
  --ft-login-password:"PASSWORD";
  --ft-login-email-placeholder:"you@email.com";
  --ft-login-submit:"SIGN IN";
  --ft-login-switch:"No account?  Sign up  ›";
}

html[lang="pt-BR"]{
  --ft-login-title:"Entrar";
  --ft-login-secure:"ACESSO SEGURO";
  --ft-login-subtitle:"Entre na sua conta FT Customs.";
  --ft-login-email:"EMAIL";
  --ft-login-password:"SENHA";
  --ft-login-email-placeholder:"voce@email.com";
  --ft-login-submit:"ENTRAR";
  --ft-login-switch:"Não tem conta?  Cadastro  ›";
}


/* PANEL */

#loginForm.auth-approved-stage{
  container-type:inline-size;

  width:min(
    540px,
    calc(100vw - 28px),
    calc((100dvh - 28px) * .94)
  )!important;

  aspect-ratio:.94!important;

  overflow:hidden!important;

  border:
    1px solid rgba(222,170,64,.72)!important;

  border-radius:
    14px!important;

  background:
    radial-gradient(
      ellipse at 50% 2%,
      rgba(204,145,43,.10),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #0c0e0f 0%,
      #080a0b 52%,
      #050708 100%
    )!important;

  box-shadow:
    0 36px 110px rgba(0,0,0,.88),
    0 0 28px rgba(211,149,38,.065),
    inset 0 1px 0 rgba(255,228,166,.04)!important;
}


#loginForm > .auth-approved-art{
  display:none!important;
}


/* BRAND */

#loginForm .auth-clean-brand{
  position:absolute!important;

  left:10%!important;
  top:4.5%!important;

  width:80%!important;
  height:34%!important;

  display:block!important;

  pointer-events:none;
}


#loginForm .auth-clean-brand > img{
  position:absolute!important;

  left:42%!important;
  top:0!important;

  width:16%!important;
  height:auto!important;

  margin:0!important;

  object-fit:contain;

  filter:
    drop-shadow(
      0 6px 13px rgba(0,0,0,.50)
    );
}


#loginForm .auth-clean-brand::before{
  content:"FT CUSTOMS";

  position:absolute;

  top:25%;
  left:0;

  width:100%;

  color:#eee0c1;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:3.7cqw;
  font-weight:700;

  letter-spacing:.12em;

  text-align:center;
}


#loginForm .auth-clean-brand::after{
  content:
    var(--ft-login-secure);

  position:absolute;

  top:35%;
  left:0;

  width:100%;

  color:#c99532;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:1.65cqw;
  font-weight:700;

  letter-spacing:.28em;

  text-align:center;
}


#loginForm .auth-clean-brand > strong{
  position:absolute!important;

  left:0!important;
  top:52%!important;

  width:100%!important;

  color:#f3e0bd!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:7.9cqw!important;
  font-weight:700!important;

  text-align:center!important;

  line-height:1!important;
}


#loginForm .auth-clean-brand > strong::before{
  content:
    var(--ft-login-title);
}


#loginForm .auth-clean-brand > span{
  position:absolute!important;

  left:10%!important;
  top:79%!important;

  width:80%!important;

  margin:0!important;
  padding:4% 0 0!important;

  border-top:
    1px solid rgba(202,153,60,.20)!important;

  color:#b8b8b5!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:2.35cqw!important;

  text-align:center!important;
}


#loginForm .auth-clean-brand > span::before{
  content:
    var(--ft-login-subtitle);
}


/* FIELDS */

#loginForm .login-email-hit,
#loginForm .login-password-hit{
  left:12%!important;

  width:76%!important;
  height:10.8%!important;

  overflow:visible!important;
}


#loginForm .login-email-hit{
  top:42%!important;
}


#loginForm .login-password-hit{
  top:58.5%!important;
}


#loginForm .login-email-hit::before{
  content:"";

  position:absolute;

  z-index:12;

  left:4.4%;
  top:39%;

  width:5.3%;
  height:29%;

  border:
    1.5px solid #d7a746;

  border-radius:2px;

  pointer-events:none;
}


#loginForm .login-email-hit::after{
  content:"";

  position:absolute;

  z-index:13;

  left:5.0%;
  top:41%;

  width:4.1%;
  height:18%;

  border-left:
    1px solid #d7a746;

  border-bottom:
    1px solid #d7a746;

  transform:
    rotate(-45deg);

  pointer-events:none;
}


#loginForm .login-password-hit::before{
  content:"";

  position:absolute;

  z-index:12;

  left:5%;
  top:42%;

  width:3.4%;
  height:30%;

  border:
    1.4px solid #d7a746;

  border-radius:2px;

  pointer-events:none;
}


#loginForm
.login-email-hit
.auth-sr-only,

#loginForm
.login-password-hit
.auth-sr-only{

  position:absolute!important;

  left:0!important;
  top:-27%!important;

  width:auto!important;
  height:auto!important;

  margin:0!important;
  padding:0!important;

  overflow:visible!important;
  clip:auto!important;

  white-space:nowrap!important;

  font-size:0!important;
}


#loginForm
.login-email-hit
.auth-sr-only::after{

  content:
    var(--ft-login-email);

  color:#d7d2c9;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:2.3cqw;

  font-weight:700;

  letter-spacing:.14em;
}


#loginForm
.login-password-hit
.auth-sr-only::after{

  content:
    var(--ft-login-password);

  color:#d7d2c9;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:2.3cqw;

  font-weight:700;

  letter-spacing:.14em;
}


/* INPUTS */

#accountLayer
#loginPanel
#loginForm
input.auth-approved-input{

  left:0!important;
  right:0!important;
  top:0!important;

  width:100%!important;
  height:100%!important;

  box-sizing:border-box!important;

  padding:
    0
    5%
    0
    13%!important;

  border:
    1px solid rgba(171,142,87,.48)!important;

  border-radius:
    7px!important;

  background:
    #0a0c0d!important;

  color:
    #eee5d7!important;

  -webkit-text-fill-color:
    #eee5d7!important;

  caret-color:#e0a531!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:
    2.7cqw!important;

  transform:none!important;

  box-shadow:
    inset 0 0 0 1000px #0a0c0d,
    inset 0 1px 0 rgba(255,255,255,.018)!important;
}


#accountLayer
#loginPanel
#loginForm
input.auth-approved-input:focus{

  border-color:
    rgba(228,176,72,.90)!important;

  background:
    #0d0f10!important;

  box-shadow:
    inset 0 0 0 1000px #0d0f10,
    0 0 0 2px rgba(221,161,49,.07),
    0 0 15px rgba(202,139,32,.045)!important;
}


#loginForm #loginEmail::placeholder{
  color:transparent!important;
}


#loginForm
.login-email-hit:has(
  #loginEmail:placeholder-shown
)::after{

  content:
    var(--ft-login-email-placeholder);

  position:absolute;

  z-index:14;

  left:13%;

  top:50%;

  transform:
    translateY(-50%);

  color:#777a78;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:2.7cqw;

  pointer-events:none;
}


/* EYE */

#loginForm .login-eye-hit{
  left:auto!important;

  right:13.7%!important;
  top:62.2%!important;

  width:6%!important;
  height:3.5%!important;

  opacity:.90!important;
}


/* CTA */

#loginForm .login-submit-hit{
  left:12%!important;
  top:75.8%!important;

  width:76%!important;
  height:10.2%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  border:
    1px solid #f0bb46!important;

  border-radius:
    7px!important;

  background:
    linear-gradient(
      180deg,
      #f2c45e 0%,
      #dfa02d 48%,
      #bd7815 100%
    )!important;

  color:#1a1206!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:
    3.25cqw!important;

  font-weight:
    700!important;

  letter-spacing:
    .09em!important;

  text-shadow:
    0 1px rgba(255,235,181,.35)!important;

  box-shadow:
    inset 0 1px rgba(255,248,217,.48),
    inset 0 -1px rgba(92,49,2,.34),
    0 8px 24px rgba(0,0,0,.31),
    0 0 18px rgba(223,157,31,.10)!important;
}


#loginForm .login-submit-hit::before{
  content:
    var(--ft-login-submit);
}


#loginForm .login-submit-hit::after{
  content:"›";

  margin-left:4%;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:4cqw;
  font-weight:400;

  transform:
    translateY(-2%);
}


#loginForm .login-submit-hit:hover{
  filter:brightness(1.06);
}


#loginForm .login-submit-hit:active{
  transform:translateY(1px);
}


/* REGISTER LINK */

#loginForm .login-switch-hit{
  left:18%!important;
  top:90%!important;

  width:64%!important;
  height:5%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  color:#bebbb5!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:
    2.25cqw!important;

  white-space:nowrap!important;
}


#loginForm .login-switch-hit::before{
  content:
    var(--ft-login-switch);
}


#loginForm .login-switch-hit:hover{
  color:#ddb44c!important;
}


/* CLOSE */

#loginForm .login-close-hit{
  left:auto!important;

  right:3.5%!important;
  top:3.5%!important;

  width:7.5%!important;
  height:7.5%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  border:
    1px solid rgba(206,159,70,.46)!important;

  border-radius:
    6px!important;

  background:
    rgba(8,9,9,.75)!important;

  color:#e8cea0!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:
    4.1cqw!important;
}


#loginForm .login-close-hit::before{
  content:"×";
}


/* MOBILE */

@media(max-width:600px){

  #loginForm.auth-approved-stage{

    width:min(
      96vw,
      calc((100dvh - 14px) * .94)
    )!important;

    border-radius:11px!important;
  }
}


/* ===== END FT_CUSTOMS_LOGIN_SERIOUS_V5 ===== */

/* =========================================================
   FT_CUSTOMS_LOGIN_V5_FINAL_POLISH_V3

   Final compact field treatment.
   - 70% centered fields
   - 70% centered CTA
   - clean email icon
   - clean lock icon
   - internal dividers
   - refined eye
   ========================================================= */


/* ---------------------------------------------------------
   BRAND ACCENTS — KEEP SUBTLE
   --------------------------------------------------------- */

#loginForm .auth-clean-brand{

  background-image:
    linear-gradient(
      90deg,
      transparent,
      rgba(215,163,61,.58)
    ),
    linear-gradient(
      90deg,
      rgba(215,163,61,.58),
      transparent
    )!important;

  background-repeat:
    no-repeat!important;

  background-size:
    17% 1px,
    17% 1px!important;

  background-position:
    21% 10.5%,
    79% 10.5%!important;
}


/* ---------------------------------------------------------
   NARROWER FIELDS
   --------------------------------------------------------- */

#loginForm .login-email-hit,
#loginForm .login-password-hit{

  left:
    15%!important;

  width:
    70%!important;

  overflow:
    visible!important;
}


/* ---------------------------------------------------------
   FIELD ICON CELLS
   --------------------------------------------------------- */

#loginForm .login-email-hit::before,
#loginForm .login-password-hit::before{

  content:
    ""!important;

  display:
    block!important;

  position:
    absolute!important;

  z-index:
    20!important;

  left:
    0!important;

  top:
    0!important;

  width:
    13%!important;

  min-width:
    0!important;

  max-width:
    none!important;

  height:
    100%!important;

  min-height:
    0!important;

  margin:
    0!important;

  padding:
    0!important;

  border:
    0!important;

  border-right:
    1px solid rgba(205,169,100,.29)!important;

  border-radius:
    0!important;

  background-color:
    transparent!important;

  box-shadow:
    none!important;

  transform:
    none!important;

  pointer-events:
    none!important;
}


/* Envelope */

#loginForm .login-email-hit::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4.5 7 7.5 5.5L19.5 7'/%3E%3C/svg%3E")!important;

  background-repeat:
    no-repeat!important;

  background-position:
    center!important;

  background-size:
    35% auto!important;
}


/* Lock */

#loginForm .login-password-hit::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3Cpath d='M12 14v2'/%3E%3C/svg%3E")!important;

  background-repeat:
    no-repeat!important;

  background-position:
    center!important;

  background-size:
    33% auto!important;
}


/* ---------------------------------------------------------
   REAL INPUTS
   --------------------------------------------------------- */

#accountLayer
#loginPanel
#loginForm
input#loginEmail.auth-approved-input,

#accountLayer
#loginPanel
#loginForm
input#loginPassword.auth-approved-input{

  position:
    absolute!important;

  left:
    0!important;

  right:
    0!important;

  top:
    0!important;

  width:
    100%!important;

  height:
    100%!important;

  box-sizing:
    border-box!important;

  margin:
    0!important;

  padding:
    0
    5%
    0
    16%!important;

  border:
    1px solid rgba(197,158,84,.70)!important;

  border-radius:
    7px!important;

  outline:
    0!important;

  background:
    #0b0d0e!important;

  background-color:
    #0b0d0e!important;

  background-image:
    none!important;

  color:
    #eee5d7!important;

  -webkit-text-fill-color:
    #eee5d7!important;

  caret-color:
    #e4aa31!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:
    2.7cqw!important;

  font-weight:
    400!important;

  transform:
    none!important;

  box-shadow:
    inset 0 0 0 1000px #0b0d0e,
    inset 0 1px 0 rgba(255,255,255,.022)!important;

  -webkit-box-shadow:
    inset 0 0 0 1000px #0b0d0e,
    inset 0 1px 0 rgba(255,255,255,.022)!important;
}


#accountLayer
#loginPanel
#loginForm
input#loginPassword.auth-approved-input{

  padding-right:
    14%!important;
}


#accountLayer
#loginPanel
#loginForm
input#loginEmail.auth-approved-input:focus,

#accountLayer
#loginPanel
#loginForm
input#loginPassword.auth-approved-input:focus{

  border-color:
    rgba(239,188,78,.98)!important;

  background:
    #0e1011!important;

  background-color:
    #0e1011!important;

  box-shadow:
    inset 0 0 0 1000px #0e1011,
    0 0 0 2px rgba(221,162,50,.075),
    0 0 16px rgba(209,147,35,.06)!important;

  -webkit-box-shadow:
    inset 0 0 0 1000px #0e1011,
    0 0 0 2px rgba(221,162,50,.075),
    0 0 16px rgba(209,147,35,.06)!important;
}


/* ---------------------------------------------------------
   EMAIL PLACEHOLDER
   --------------------------------------------------------- */

#accountLayer
#loginPanel
#loginForm
input#loginEmail.auth-approved-input::placeholder{

  color:
    transparent!important;

  -webkit-text-fill-color:
    transparent!important;

  opacity:
    0!important;
}


#loginForm .login-email-hit::after{

  content:
    var(--ft-login-email-placeholder)!important;

  display:
    block!important;

  position:
    absolute!important;

  z-index:
    18!important;

  left:
    16%!important;

  top:
    50%!important;

  width:
    auto!important;

  min-width:
    0!important;

  height:
    auto!important;

  margin:
    0!important;

  padding:
    0!important;

  transform:
    translateY(-50%)!important;

  border:
    0!important;

  background:
    none!important;

  color:
    #777a78!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:
    2.7cqw!important;

  font-weight:
    400!important;

  line-height:
    1!important;

  box-shadow:
    none!important;

  pointer-events:
    none!important;
}


#loginForm
.login-email-hit:has(
  #loginEmail:not(:placeholder-shown)
)::after{

  display:
    none!important;
}


/* ---------------------------------------------------------
   CLEAN EYE
   --------------------------------------------------------- */

#loginForm .login-eye-hit{

  left:
    auto!important;

  right:
    16.2%!important;

  top:
    62.15%!important;

  width:
    5.2%!important;

  min-width:
    0!important;

  height:
    3.5%!important;

  margin:
    0!important;

  padding:
    0!important;

  border:
    0!important;

  border-radius:
    0!important;

  background-color:
    transparent!important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12s3.4-4.6 9-4.6 9 4.6 9 4.6-3.4 4.6-9 4.6S3 12 3 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.15'/%3E%3C/svg%3E")!important;

  background-repeat:
    no-repeat!important;

  background-position:
    center!important;

  background-size:
    76% auto!important;

  box-shadow:
    none!important;

  opacity:
    .94!important;
}


#loginForm .login-eye-hit::before,
#loginForm .login-eye-hit::after{

  content:
    none!important;

  display:
    none!important;
}


#loginForm .login-eye-hit:hover{

  opacity:
    1!important;

  filter:
    brightness(1.16);
}


/* ---------------------------------------------------------
   NARROWER CTA
   --------------------------------------------------------- */

#loginForm .login-submit-hit{

  left:
    15%!important;

  width:
    70%!important;
}


/* Keep footer centered exactly as-is */

#loginForm .login-switch-hit{

  left:
    18%!important;

  width:
    64%!important;
}


/* ===== END FT_CUSTOMS_LOGIN_V5_FINAL_POLISH_V3 ===== */

/* =========================================================
   FT_CUSTOMS_REGISTER_SERIOUS_V3

   Register matching frozen Login V5.
   ========================================================= */

html{
  --ft-register-title:"Registro";
  --ft-register-secure:"CUENTA SEGURA";
  --ft-register-subtitle:"Creá tu cuenta FT Customs.";

  --ft-register-name:"USUARIO";
  --ft-register-email:"EMAIL";
  --ft-register-password:"CONTRASEÑA";
  --ft-register-confirm:"CONFIRMAR CONTRASEÑA";

  --ft-register-name-placeholder:"Tu nombre";
  --ft-register-email-placeholder:"tu@email.com";

  --ft-register-submit:"REGISTRARSE";
  --ft-register-switch:"¿Ya tenés cuenta?  Ingresar  ›";
}


html[lang="en"]{
  --ft-register-title:"Sign up";
  --ft-register-secure:"SECURE ACCOUNT";
  --ft-register-subtitle:"Create your FT Customs account.";

  --ft-register-name:"USERNAME";
  --ft-register-email:"EMAIL";
  --ft-register-password:"PASSWORD";
  --ft-register-confirm:"CONFIRM PASSWORD";

  --ft-register-name-placeholder:"Your name";
  --ft-register-email-placeholder:"you@email.com";

  --ft-register-submit:"SIGN UP";
  --ft-register-switch:"Already have an account?  Sign in  ›";
}


html[lang="pt-BR"]{
  --ft-register-title:"Cadastro";
  --ft-register-secure:"CONTA SEGURA";
  --ft-register-subtitle:"Crie sua conta FT Customs.";

  --ft-register-name:"USUÁRIO";
  --ft-register-email:"EMAIL";
  --ft-register-password:"SENHA";
  --ft-register-confirm:"CONFIRMAR SENHA";

  --ft-register-name-placeholder:"Seu nome";
  --ft-register-email-placeholder:"voce@email.com";

  --ft-register-submit:"CADASTRAR";
  --ft-register-switch:"Já tem conta?  Entrar  ›";
}


/* ---------------------------------------------------------
   PANEL
   --------------------------------------------------------- */

#registerForm.auth-approved-stage{

  container-type:inline-size;

  position:relative!important;

  width:min(
    540px,
    calc(100vw - 28px),
    calc((100dvh - 28px) * .90)
  )!important;

  aspect-ratio:.90!important;

  margin:auto!important;

  overflow:hidden!important;

  border:
    1px solid rgba(222,170,64,.72)!important;

  border-radius:
    14px!important;

  background:
    radial-gradient(
      ellipse at 50% 2%,
      rgba(204,145,43,.10),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #0c0e0f 0%,
      #080a0b 52%,
      #050708 100%
    )!important;

  box-shadow:
    0 36px 110px rgba(0,0,0,.88),
    0 0 28px rgba(211,149,38,.065),
    inset 0 1px 0 rgba(255,228,166,.04)!important;

  color:#f0dfbd!important;
}


#registerForm > .auth-approved-art{
  display:none!important;
}


/* ---------------------------------------------------------
   BRAND
   --------------------------------------------------------- */

#registerForm .register-clean-brand{

  position:absolute!important;

  z-index:4;

  left:10%!important;
  top:2.8%!important;

  width:80%!important;
  height:24%!important;

  display:block!important;

  background-image:
    linear-gradient(
      90deg,
      transparent,
      rgba(215,163,61,.58)
    ),
    linear-gradient(
      90deg,
      rgba(215,163,61,.58),
      transparent
    )!important;

  background-repeat:no-repeat!important;

  background-size:
    17% 1px,
    17% 1px!important;

  background-position:
    21% 9%,
    79% 9%!important;

  pointer-events:none;
}


#registerForm .register-clean-brand > img{

  position:absolute!important;

  left:43%!important;
  top:0!important;

  width:14%!important;
  height:auto!important;

  margin:0!important;

  object-fit:contain;

  filter:
    drop-shadow(
      0 6px 13px rgba(0,0,0,.50)
    );
}


#registerForm .register-clean-brand::before{

  content:"FT CUSTOMS";

  position:absolute;

  left:0;
  top:27%;

  width:100%;

  color:#eee0c1;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:3.35cqw;
  font-weight:700;

  letter-spacing:.12em;

  text-align:center;
}


#registerForm .register-clean-brand::after{

  content:
    var(--ft-register-secure);

  position:absolute;

  left:0;
  top:39%;

  width:100%;

  color:#c99532;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:1.55cqw;
  font-weight:700;

  letter-spacing:.25em;

  text-align:center;
}


#registerForm .register-clean-brand > strong{

  position:absolute!important;

  left:0!important;
  top:54%!important;

  width:100%!important;

  color:#f3e0bd!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:6.5cqw!important;
  font-weight:700!important;

  line-height:1!important;

  text-align:center!important;
}


#registerForm
.register-clean-brand
> strong::before{

  content:
    var(--ft-register-title);
}


#registerForm .register-clean-brand > span{

  position:absolute!important;

  left:12%!important;
  top:83%!important;

  width:76%!important;

  margin:0!important;
  padding-top:2.6%!important;

  border-top:
    1px solid rgba(202,153,60,.20)!important;

  color:#b8b8b5!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:2.05cqw!important;

  text-align:center!important;
}


#registerForm
.register-clean-brand
> span::before{

  content:
    var(--ft-register-subtitle);
}


/* ---------------------------------------------------------
   FIELD GEOMETRY
   --------------------------------------------------------- */

#registerForm .register-name-hit,
#registerForm .register-email-hit,
#registerForm .register-password-hit,
#registerForm .register-confirm-hit{

  left:15%!important;

  width:70%!important;
  height:8.0%!important;

  overflow:visible!important;
}


#registerForm .register-name-hit{
  top:29.0%!important;
}


#registerForm .register-email-hit{
  top:41.0%!important;
}


#registerForm .register-password-hit{
  top:53.0%!important;
}


#registerForm .register-confirm-hit{
  top:65.0%!important;
}


/* ---------------------------------------------------------
   VISUAL LABELS
   --------------------------------------------------------- */

#registerForm
.register-name-hit
.auth-sr-only,

#registerForm
.register-email-hit
.auth-sr-only,

#registerForm
.register-password-hit
.auth-sr-only,

#registerForm
.register-confirm-hit
.auth-sr-only{

  position:absolute!important;

  left:0!important;
  top:-29%!important;

  width:auto!important;
  height:auto!important;

  margin:0!important;
  padding:0!important;

  overflow:visible!important;

  clip:auto!important;

  white-space:nowrap!important;

  font-size:0!important;
}


#registerForm
.register-name-hit
.auth-sr-only::after{

  content:
    var(--ft-register-name);
}


#registerForm
.register-email-hit
.auth-sr-only::after{

  content:
    var(--ft-register-email);
}


#registerForm
.register-password-hit
.auth-sr-only::after{

  content:
    var(--ft-register-password);
}


#registerForm
.register-confirm-hit
.auth-sr-only::after{

  content:
    var(--ft-register-confirm);
}


#registerForm
.register-name-hit
.auth-sr-only::after,

#registerForm
.register-email-hit
.auth-sr-only::after,

#registerForm
.register-password-hit
.auth-sr-only::after,

#registerForm
.register-confirm-hit
.auth-sr-only::after{

  color:#d7d2c9;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:2.0cqw;
  font-weight:700;

  letter-spacing:.13em;
}


/* ---------------------------------------------------------
   ICON CELLS
   --------------------------------------------------------- */

#registerForm .register-name-hit::before,
#registerForm .register-email-hit::before,
#registerForm .register-password-hit::before,
#registerForm .register-confirm-hit::before{

  content:""!important;

  display:block!important;

  position:absolute!important;

  z-index:20!important;

  left:0!important;
  top:0!important;

  width:13%!important;
  min-width:0!important;

  height:100%!important;

  margin:0!important;
  padding:0!important;

  border:0!important;

  border-right:
    1px solid rgba(205,169,100,.29)!important;

  border-radius:0!important;

  background-color:transparent!important;

  background-repeat:no-repeat!important;

  background-position:center!important;

  box-shadow:none!important;

  transform:none!important;

  pointer-events:none!important;
}


/* User icon */

#registerForm .register-name-hit::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.8-4 3.1-6 7-6s6.2 2 7 6'/%3E%3C/svg%3E")!important;

  background-size:34% auto!important;
}


/* Email */

#registerForm .register-email-hit::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4.5 7 7.5 5.5L19.5 7'/%3E%3C/svg%3E")!important;

  background-size:35% auto!important;
}


/* Password locks */

#registerForm .register-password-hit::before,
#registerForm .register-confirm-hit::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3Cpath d='M12 14v2'/%3E%3C/svg%3E")!important;

  background-size:33% auto!important;
}


/* ---------------------------------------------------------
   REAL INPUTS
   --------------------------------------------------------- */

#accountLayer
#registerPanel
#registerForm
input#registerDisplayName.auth-approved-input,

#accountLayer
#registerPanel
#registerForm
input#registerEmail.auth-approved-input,

#accountLayer
#registerPanel
#registerForm
input#registerPassword.auth-approved-input,

#accountLayer
#registerPanel
#registerForm
input#registerPasswordConfirm.auth-approved-input{

  position:absolute!important;

  left:0!important;
  right:0!important;
  top:0!important;

  width:100%!important;
  height:100%!important;

  box-sizing:border-box!important;

  margin:0!important;

  padding:
    0
    5%
    0
    16%!important;

  border:
    1px solid rgba(197,158,84,.70)!important;

  border-radius:
    7px!important;

  outline:0!important;

  background:
    #0b0d0e!important;

  background-color:
    #0b0d0e!important;

  background-image:none!important;

  color:#eee5d7!important;

  -webkit-text-fill-color:
    #eee5d7!important;

  caret-color:#e4aa31!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:2.45cqw!important;
  font-weight:400!important;

  transform:none!important;

  appearance:none!important;
  -webkit-appearance:none!important;

  box-shadow:
    inset 0 0 0 1000px #0b0d0e,
    inset 0 1px 0 rgba(255,255,255,.022)!important;

  -webkit-box-shadow:
    inset 0 0 0 1000px #0b0d0e,
    inset 0 1px 0 rgba(255,255,255,.022)!important;
}


#accountLayer
#registerPanel
#registerForm
input#registerPassword.auth-approved-input,

#accountLayer
#registerPanel
#registerForm
input#registerPasswordConfirm.auth-approved-input{

  padding-right:14%!important;
}


#accountLayer
#registerPanel
#registerForm
input#registerDisplayName.auth-approved-input:focus,

#accountLayer
#registerPanel
#registerForm
input#registerEmail.auth-approved-input:focus,

#accountLayer
#registerPanel
#registerForm
input#registerPassword.auth-approved-input:focus,

#accountLayer
#registerPanel
#registerForm
input#registerPasswordConfirm.auth-approved-input:focus{

  border-color:
    rgba(239,188,78,.98)!important;

  background:
    #0e1011!important;

  background-color:
    #0e1011!important;

  box-shadow:
    inset 0 0 0 1000px #0e1011,
    0 0 0 2px rgba(221,162,50,.075),
    0 0 16px rgba(209,147,35,.06)!important;

  -webkit-box-shadow:
    inset 0 0 0 1000px #0e1011,
    0 0 0 2px rgba(221,162,50,.075),
    0 0 16px rgba(209,147,35,.06)!important;
}


/* ---------------------------------------------------------
   CLEAN PLACEHOLDERS
   --------------------------------------------------------- */

#registerForm
#registerDisplayName::placeholder,

#registerForm
#registerEmail::placeholder{

  color:transparent!important;

  -webkit-text-fill-color:
    transparent!important;

  opacity:0!important;
}


#registerForm .register-name-hit::after,
#registerForm .register-email-hit::after{

  display:block!important;

  position:absolute!important;

  z-index:18!important;

  left:16%!important;
  top:50%!important;

  width:auto!important;
  min-width:0!important;

  height:auto!important;

  margin:0!important;
  padding:0!important;

  transform:
    translateY(-50%)!important;

  border:0!important;

  background:none!important;

  color:#777a78!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:2.45cqw!important;
  font-weight:400!important;

  line-height:1!important;

  box-shadow:none!important;

  pointer-events:none!important;
}


#registerForm .register-name-hit::after{

  content:
    var(--ft-register-name-placeholder)!important;
}


#registerForm .register-email-hit::after{

  content:
    var(--ft-register-email-placeholder)!important;
}


#registerForm
.register-name-hit:has(
  #registerDisplayName:not(:placeholder-shown)
)::after,

#registerForm
.register-email-hit:has(
  #registerEmail:not(:placeholder-shown)
)::after{

  display:none!important;
}


/* ---------------------------------------------------------
   EYES
   --------------------------------------------------------- */

#registerForm .register-eye-password-hit,
#registerForm .register-eye-confirm-hit{

  left:auto!important;

  right:16.2%!important;

  width:5.2%!important;
  min-width:0!important;

  height:3.2%!important;

  margin:0!important;
  padding:0!important;

  border:0!important;

  background-color:
    transparent!important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12s3.4-4.6 9-4.6 9 4.6 9 4.6-3.4 4.6-9 4.6S3 12 3 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.15'/%3E%3C/svg%3E")!important;

  background-repeat:no-repeat!important;

  background-position:center!important;

  background-size:76% auto!important;

  box-shadow:none!important;

  opacity:.94!important;
}


#registerForm .register-eye-password-hit{
  top:55.4%!important;
}


#registerForm .register-eye-confirm-hit{
  top:67.4%!important;
}


#registerForm
.register-eye-password-hit::before,

#registerForm
.register-eye-password-hit::after,

#registerForm
.register-eye-confirm-hit::before,

#registerForm
.register-eye-confirm-hit::after{

  content:none!important;

  display:none!important;
}


/* ---------------------------------------------------------
   CTA
   --------------------------------------------------------- */

#registerForm .register-submit-hit{

  left:15%!important;

  top:77.5%!important;

  width:70%!important;
  height:8.3%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  border:
    1px solid #f0bb46!important;

  border-radius:
    7px!important;

  background:
    linear-gradient(
      180deg,
      #f2c45e 0%,
      #dfa02d 48%,
      #bd7815 100%
    )!important;

  color:#1a1206!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:2.85cqw!important;
  font-weight:700!important;

  letter-spacing:.08em!important;

  text-shadow:
    0 1px rgba(255,235,181,.35)!important;

  box-shadow:
    inset 0 1px rgba(255,248,217,.48),
    inset 0 -1px rgba(92,49,2,.34),
    0 8px 24px rgba(0,0,0,.31),
    0 0 18px rgba(223,157,31,.10)!important;
}


#registerForm .register-submit-hit::before{

  content:
    var(--ft-register-submit);
}


#registerForm .register-submit-hit::after{

  content:"›";

  margin-left:4%;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:3.4cqw;
  font-weight:400;
}


#registerForm .register-submit-hit:hover{
  filter:brightness(1.06);
}


/* ---------------------------------------------------------
   SWITCH TO LOGIN
   --------------------------------------------------------- */

#registerForm .register-switch-hit{

  left:17%!important;

  top:89.1%!important;

  width:66%!important;
  height:4.5%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  color:#bebbb5!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:1.95cqw!important;

  white-space:nowrap!important;
}


#registerForm .register-switch-hit::before{

  content:
    var(--ft-register-switch);
}


#registerForm .register-switch-hit:hover{

  color:#ddb44c!important;
}


/* ---------------------------------------------------------
   CLOSE
   --------------------------------------------------------- */

#registerForm .register-close-hit{

  left:auto!important;

  right:3.5%!important;
  top:2.6%!important;

  width:7.2%!important;
  height:6.0%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  border:
    1px solid rgba(206,159,70,.46)!important;

  border-radius:
    6px!important;

  background:
    rgba(8,9,9,.75)!important;

  color:#e8cea0!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:3.7cqw!important;
}


#registerForm .register-close-hit::before{
  content:"×";
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:600px){

  #registerForm.auth-approved-stage{

    width:min(
      96vw,
      calc((100dvh - 14px) * .90)
    )!important;

    border-radius:11px!important;
  }
}


/* ===== END FT_CUSTOMS_REGISTER_SERIOUS_V3 ===== */

/* =========================================================
   FT_CUSTOMS_PROFILE_SERIOUS_V1

   Clean account / license panel.
   Same visual family as frozen Login + Register.
   ========================================================= */

html{
  --ft-profile-title:"Mi Cuenta";
  --ft-profile-secure:"CUENTA SEGURA";
  --ft-profile-subtitle:"Administrá tu cuenta FT Customs.";
}

html[lang="en"]{
  --ft-profile-title:"My Account";
  --ft-profile-secure:"SECURE ACCOUNT";
  --ft-profile-subtitle:"Manage your FT Customs account.";
}

html[lang="pt-BR"]{
  --ft-profile-title:"Minha Conta";
  --ft-profile-secure:"CONTA SEGURA";
  --ft-profile-subtitle:"Gerencie sua conta FT Customs.";
}


/* ---------------------------------------------------------
   PANEL
   --------------------------------------------------------- */

#accountPanel.account-profile-panel{

  position:relative!important;

  container-type:inline-size;

  width:min(
    570px,
    calc(100vw - 28px),
    calc((100dvh - 24px) * .84)
  )!important;

  aspect-ratio:.84!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin:auto!important;
  padding:0!important;

  overflow:hidden!important;

  border:
    1px solid rgba(222,170,64,.72)!important;

  border-radius:
    14px!important;

  color:#f0dfbd!important;

  background:
    radial-gradient(
      ellipse at 50% 2%,
      rgba(204,145,43,.10),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #0c0e0f 0%,
      #080a0b 52%,
      #050708 100%
    )!important;

  box-shadow:
    0 36px 110px rgba(0,0,0,.88),
    0 0 28px rgba(211,149,38,.065),
    inset 0 1px 0 rgba(255,228,166,.04)!important;
}


/* Kill every old pseudo-title / mask that may remain
   in generic or i18n rules. */

#accountPanel.account-profile-panel::before,
#accountPanel.account-profile-panel::after{

  content:none!important;
  display:none!important;
}


/* ---------------------------------------------------------
   BRAND
   --------------------------------------------------------- */

#accountPanel .account-clean-brand{

  position:absolute!important;

  z-index:5!important;

  left:10%!important;
  top:2.8%!important;

  width:80%!important;
  height:21%!important;

  display:block!important;

  background-image:
    linear-gradient(
      90deg,
      transparent,
      rgba(215,163,61,.58)
    ),
    linear-gradient(
      90deg,
      rgba(215,163,61,.58),
      transparent
    )!important;

  background-repeat:no-repeat!important;

  background-size:
    17% 1px,
    17% 1px!important;

  background-position:
    21% 9%,
    79% 9%!important;

  pointer-events:none;
}


#accountPanel .account-clean-brand > img{

  position:absolute!important;

  left:43%!important;
  top:0!important;

  width:14%!important;
  height:auto!important;

  margin:0!important;

  object-fit:contain;

  filter:
    drop-shadow(
      0 6px 13px rgba(0,0,0,.50)
    );
}


#accountPanel .account-clean-brand::before{

  content:"FT CUSTOMS";

  position:absolute;

  left:0;
  top:28%;

  width:100%;

  color:#eee0c1;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:3.35cqw;
  font-weight:700;

  letter-spacing:.12em;

  text-align:center;
}


#accountPanel .account-clean-brand::after{

  content:
    var(--ft-profile-secure);

  position:absolute;

  left:0;
  top:40%;

  width:100%;

  color:#c99532;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:1.55cqw;
  font-weight:700;

  letter-spacing:.25em;

  text-align:center;
}


#accountPanel .account-clean-brand > strong{

  position:absolute!important;

  left:0!important;
  top:57%!important;

  width:100%!important;

  color:#f3e0bd!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:6.2cqw!important;
  font-weight:700!important;

  line-height:1!important;

  text-align:center!important;
}


#accountPanel
.account-clean-brand
> strong::before{

  content:
    var(--ft-profile-title);
}


#accountPanel .account-clean-brand > span{

  position:absolute!important;

  left:12%!important;
  top:88%!important;

  width:76%!important;

  margin:0!important;

  padding-top:2.6%!important;

  border-top:
    1px solid rgba(202,153,60,.20)!important;

  color:#b8b8b5!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:1.95cqw!important;

  text-align:center!important;
}


#accountPanel
.account-clean-brand
> span::before{

  content:
    var(--ft-profile-subtitle);
}


/* ---------------------------------------------------------
   IDENTITY
   --------------------------------------------------------- */

#accountPanel.account-profile-panel .account-profile{

  position:absolute!important;

  z-index:4!important;

  top:25%!important;
  left:15%!important;

  width:70%!important;
  height:17%!important;

  display:grid!important;

  grid-template-rows:
    repeat(2,minmax(0,1fr))!important;

  gap:1.2cqw!important;

  margin:0!important;
  padding:0!important;

  border:0!important;

  background:none!important;

  box-shadow:none!important;
}


/* Old "Perfil" label is no longer needed. */

#accountPanel.account-profile-panel
.account-profile > span{

  display:none!important;
}


/* User + email rows */

#accountPanel.account-profile-panel
#accountDisplayName,

#accountPanel.account-profile-panel
#accountEmail{

  position:relative!important;

  display:flex!important;

  flex-direction:column!important;
  justify-content:center!important;

  box-sizing:border-box!important;

  width:100%!important;
  height:100%!important;

  margin:0!important;

  padding:
    1.1cqw
    3.2cqw
    1.0cqw
    12%!important;

  overflow:hidden!important;

  border:
    1px solid rgba(197,158,84,.64)!important;

  border-radius:
    7px!important;

  background-color:
    #0b0d0e!important;

  background-repeat:
    no-repeat!important;

  background-position:
    4.7% 50%!important;

  background-size:
    4.5% auto!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02)!important;

  color:#eee5d7!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:2.55cqw!important;
  font-weight:500!important;

  line-height:1.1!important;

  text-align:left!important;

  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}


/* User icon */

#accountPanel.account-profile-panel
#accountDisplayName{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.8-4 3.1-6 7-6s6.2 2 7 6'/%3E%3C/svg%3E")!important;
}


/* Email icon */

#accountPanel.account-profile-panel
#accountEmail{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4.5 7 7.5 5.5L19.5 7'/%3E%3C/svg%3E")!important;
}


/* I18N labels already supplied by existing CSS vars. */

#accountPanel.account-profile-panel
#accountDisplayName::before,

#accountPanel.account-profile-panel
#accountEmail::before{

  display:block!important;

  margin:0 0 .45cqw!important;

  color:#c9a35c!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:1.65cqw!important;
  font-weight:700!important;

  line-height:1!important;

  letter-spacing:.13em!important;

  text-transform:uppercase!important;
}


/* ---------------------------------------------------------
   ACCOUNT / LICENSE DATA
   --------------------------------------------------------- */

#accountPanel.account-profile-panel
.account-details{

  position:absolute!important;

  z-index:4!important;

  top:45%!important;
  left:15%!important;

  width:70%!important;
  height:31%!important;

  display:grid!important;

  grid-template-rows:
    repeat(5,minmax(0,1fr))!important;

  gap:0!important;

  box-sizing:border-box!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;

  border:
    1px solid rgba(197,158,84,.58)!important;

  border-radius:
    7px!important;

  background:
    #0a0c0d!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018)!important;
}


#accountPanel.account-profile-panel
.account-details > div{

  position:relative!important;

  min-width:0!important;
  min-height:0!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(0,1.20fr)!important;

  align-items:center!important;

  gap:2cqw!important;

  box-sizing:border-box!important;

  margin:0!important;

  padding:
    0
    3.0cqw
    0
    12%!important;

  border:0!important;

  border-bottom:
    1px solid rgba(197,158,84,.20)!important;

  background:
    transparent!important;
}


#accountPanel.account-profile-panel
.account-details > div:last-child{

  border-bottom:
    0!important;
}


/* Icon cell */

#accountPanel.account-profile-panel
.account-details > div::before{

  content:""!important;

  position:absolute!important;

  left:0!important;
  top:0!important;

  width:10%!important;
  height:100%!important;

  border-right:
    1px solid rgba(205,169,100,.24)!important;

  background-repeat:
    no-repeat!important;

  background-position:
    center!important;

  background-size:
    34% auto!important;
}


/* Account status */

#accountPanel.account-profile-panel
.account-details > div:nth-child(1)::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")!important;
}


/* License */

#accountPanel.account-profile-panel
.account-details > div:nth-child(2)::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.5-2.8 7.7-7 10-4.2-2.3-7-5.5-7-10V6l7-3Z'/%3E%3C/svg%3E")!important;
}


/* Origin */

#accountPanel.account-profile-panel
.account-details > div:nth-child(3)::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M4 12h16M12 4c2 2.1 3 4.8 3 8s-1 5.9-3 8M12 4c-2 2.1-3 4.8-3 8s1 5.9 3 8'/%3E%3C/svg%3E")!important;
}


/* License status */

#accountPanel.account-profile-panel
.account-details > div:nth-child(4)::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.2 2.2 3.1-.4.8 3 2.7 1.6-1.5 2.8.5 3.1-3 .9L15.2 19 12 17.7 8.8 19l-1.6-2.8-3-.9.5-3.1-1.5-2.8 2.7-1.6.8-3 3.1.4L12 3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")!important;
}


/* Expiration */

#accountPanel.account-profile-panel
.account-details > div:nth-child(5)::before{

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14' rx='2'/%3E%3Cpath d='M8 3v5M16 3v5M4 10h16'/%3E%3C/svg%3E")!important;
}


#accountPanel.account-profile-panel
.account-details span{

  min-width:0!important;

  color:#c9a35c!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:1.62cqw!important;
  font-weight:700!important;

  line-height:1.1!important;

  letter-spacing:.08em!important;

  text-transform:uppercase!important;
}


#accountPanel.account-profile-panel
.account-details strong{

  min-width:0!important;

  overflow:hidden!important;

  color:#eee5d7!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:1.95cqw!important;
  font-weight:500!important;

  line-height:1.1!important;

  text-align:right!important;

  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}


/* ---------------------------------------------------------
   LOGOUT — SECONDARY ACTION
   --------------------------------------------------------- */

#accountPanel.account-profile-panel
#logoutButton{

  position:absolute!important;

  z-index:5!important;

  top:80.5%!important;
  left:15%!important;

  width:70%!important;
  height:8.5%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:1.7cqw!important;

  box-sizing:border-box!important;

  margin:0!important;
  padding:0 4%!important;

  overflow:hidden!important;

  border:
    1px solid rgba(224,171,67,.76)!important;

  border-radius:
    7px!important;

  background:
    linear-gradient(
      180deg,
      rgba(40,29,13,.98),
      rgba(15,14,11,.98)
    )!important;

  color:#ead1a1!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:2.45cqw!important;
  font-weight:700!important;

  line-height:1!important;

  letter-spacing:.08em!important;

  text-shadow:none!important;

  box-shadow:
    inset 0 1px 0 rgba(255,232,181,.07),
    0 7px 20px rgba(0,0,0,.25)!important;

  clip-path:none!important;
}


#accountPanel.account-profile-panel
#logoutButton::before{

  content:""!important;

  position:relative!important;

  left:auto!important;
  right:auto!important;
  top:auto!important;

  display:block!important;

  flex:0 0 auto!important;

  width:4.3%!important;
  height:40%!important;

  min-width:18px!important;

  transform:none!important;

  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3AF43' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4'/%3E%3Cpath d='m14 8 4 4-4 4M18 12H9'/%3E%3C/svg%3E")
    center / contain
    no-repeat!important;
}


#accountPanel.account-profile-panel
#logoutButton::after{

  content:none!important;
  display:none!important;
}


#accountPanel.account-profile-panel
#logoutButton:hover{

  border-color:
    rgba(241,190,88,.96)!important;

  background:
    linear-gradient(
      180deg,
      rgba(52,37,16,.98),
      rgba(20,17,12,.98)
    )!important;

  filter:none!important;
}


#accountPanel.account-profile-panel
#logoutButton:active{

  transform:
    translateY(1px);
}


/* ---------------------------------------------------------
   CLOSE
   --------------------------------------------------------- */

#accountPanel.account-profile-panel
.account-profile-close{

  position:absolute!important;

  z-index:8!important;

  left:auto!important;

  right:3.5%!important;
  top:2.6%!important;

  width:7.2%!important;
  height:6.0%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:0!important;

  border:
    1px solid rgba(206,159,70,.46)!important;

  border-radius:
    6px!important;

  background:
    rgba(8,9,9,.75)!important;

  color:#e8cea0!important;

  font-family:
    Arial,
    Helvetica,
    sans-serif!important;

  font-size:3.7cqw!important;
  font-weight:600!important;

  line-height:1!important;

  box-shadow:none!important;
}


#accountPanel.account-profile-panel
.account-profile-close:hover{

  border-color:
    rgba(235,184,82,.84)!important;

  color:#fff0cb!important;
}


/* ---------------------------------------------------------
   NEUTRALIZE OLD PROFILE-ASSET OVERRIDES
   --------------------------------------------------------- */

#accountPanel.account-profile-panel
.account-profile{

  background-image:none!important;
}


#accountPanel.account-profile-panel
#logoutButton{

  background-image:none!important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:600px){

  #accountPanel.account-profile-panel{

    width:min(
      96vw,
      calc((100dvh - 14px) * .84)
    )!important;

    border-radius:
      11px!important;
  }
}


/* ===== END FT_CUSTOMS_PROFILE_SERIOUS_V1 ===== */

/* ==========================================================
   FT_CUSTOMS_PROFILE_HEADER_POLISH_V3_FINAL
   Profile only — emblem/title vertical separation
   ========================================================== */

.account-panel.account-profile-panel .account-clean-brand {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 92px !important;
    margin: 0 auto 4px !important;
    padding: 4px 0 0 !important;
    overflow: visible !important;
}

.account-panel.account-profile-panel .account-clean-brand img {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;

    display: block !important;
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;

    margin: 0 auto 3px !important;
    padding: 0 !important;
    z-index: 1 !important;
}

.account-panel.account-profile-panel .account-clean-brand strong {
    position: relative !important;
    inset: auto !important;
    transform: none !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.05 !important;
    text-align: center !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}

.account-panel.account-profile-panel .account-clean-brand span {
    position: relative !important;
    inset: auto !important;
    transform: none !important;

    display: block !important;
    margin: 7px 0 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}

/* END FT_CUSTOMS_PROFILE_HEADER_POLISH_V3_FINAL */


/* =========================================================
   FT_CUSTOMS_HEADER_ACCOUNT_COMPACT_V1
   Authenticated desktop header only.
   Replaces legacy MI PERFIL asset with a compact account CTA.
   ========================================================= */

html{
  --ft-header-account-label:"MI CUENTA  ›";
}

html[lang="en"]{
  --ft-header-account-label:"MY ACCOUNT  ›";
}

html[lang="pt-BR"]{
  --ft-header-account-label:"MINHA CONTA  ›";
}


/*
   Cover both baked account buttons from the desktop hero.
   Navigation and original hero asset remain untouched.
*/
body.ft-account-authenticated
.reference-canvas::before{

  content:""!important;

  position:absolute!important;
  z-index:30!important;

  left:72.20%!important;
  top:3.25%!important;

  width:25.30%!important;
  height:10.45%!important;

  background:
    linear-gradient(
      180deg,
      #030405 0%,
      #030405 72%,
      #040506 100%
    )!important;

  border:0!important;
  border-radius:0!important;

  box-shadow:none!important;

  pointer-events:none!important;
}


/*
   Single authenticated account CTA.
*/
body.ft-account-authenticated
.reference-canvas::after{

  content:
    var(--ft-header-account-label)!important;

  position:absolute!important;
  z-index:31!important;

  left:85.30%!important;
  top:4.20%!important;

  width:11.65%!important;
  height:8.25%!important;

  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:
    0
    1.05%!important;

  background:
    linear-gradient(
      180deg,
      rgba(15,16,16,.98) 0%,
      rgba(6,7,8,.99) 100%
    )!important;

  border:
    1px solid
    rgba(201,151,48,.78)!important;

  border-radius:
    6px!important;

  box-shadow:
    inset 0 0 0 1px rgba(255,222,132,.035),
    0 0 12px rgba(211,151,27,.08)!important;

  color:
    #e2bd67!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:
    clamp(
      10px,
      .80vw,
      13px
    )!important;

  font-weight:
    700!important;

  letter-spacing:
    .095em!important;

  line-height:
    1!important;

  text-align:
    center!important;

  white-space:
    nowrap!important;

  text-shadow:
    0 1px 0 rgba(0,0,0,.75)!important;

  pointer-events:
    none!important;
}


/*
   Login hotspot must disappear completely when authenticated.
*/
body.ft-account-authenticated
.top-login{

  visibility:
    hidden!important;

  pointer-events:
    none!important;
}


/*
   Existing register hotspot becomes the clickable account area.
   JS logic remains untouched.
*/
body.ft-account-authenticated
.top-register{

  left:85.30%!important;
  top:4.20%!important;

  width:11.65%!important;
  height:8.25%!important;

  z-index:40!important;

  cursor:
    pointer!important;
}


/* END FT_CUSTOMS_HEADER_ACCOUNT_COMPACT_V1 */
/* =========================================================
   FT_CUSTOMS_SIMPLE_DOWNLOAD_FLOW_V1
   ========================================================= */

.beta-download-cta-wrap{
  display:flex;

  align-items:center;

  gap:15px;

  margin-top:20px;
}


.beta-download-cta{
  appearance:none;

  flex:
    0
    0
    auto;

  min-width:190px;

  min-height:42px;

  padding:
    0
    19px;

  border:
    1px solid
    rgba(232,178,70,.84);

  background:
    linear-gradient(
      180deg,
      #edbd54,
      #ae7111
    );

  color:#160f05;

  cursor:pointer;

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 25px rgba(0,0,0,.20);

  transition:
    filter .16s ease,
    transform .16s ease;
}


.beta-download-cta:hover{
  filter:brightness(1.06);
}


.beta-download-cta:active{
  transform:
    translateY(1px);
}


.beta-download-cta-wrap small{
  max-width:250px;

  color:#898984;

  font-size:9px;

  line-height:1.5;
}


/* ---------------------------------------------------------
   DOWNLOAD MODAL
   --------------------------------------------------------- */

body.download-open{
  overflow:hidden;
}


.download-layer{
  position:fixed;

  z-index:5000;

  inset:0;

  display:grid;

  place-items:center;

  padding:20px;

  background:
    rgba(1,2,3,.84);

  backdrop-filter:
    blur(7px);
}


.download-panel{
  position:relative;

  width:
    min(
      520px,
      96vw
    );

  min-height:0;

  padding:
    30px
    31px
    27px;

  border:
    1px solid
    rgba(226,173,70,.42);

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(225,170,64,.085),
      transparent 34%
    ),
    linear-gradient(
      150deg,
      #0b0d0f,
      #050708
    );

  box-shadow:
    inset 0 0 0 1px
      rgba(223,167,59,.08),
    inset 0 1px 0
      rgba(255,255,255,.025),
    0 28px 80px
      rgba(0,0,0,.58);
}


.download-panel::before,
.download-panel::after{
  content:"";

  position:absolute;

  width:27px;
  height:27px;

  pointer-events:none;
}


.download-panel::before{
  left:-1px;
  top:-1px;

  border-left:
    1px solid
    #e1ad47;

  border-top:
    1px solid
    #e1ad47;
}


.download-panel::after{
  right:-1px;
  bottom:-1px;

  border-right:
    1px solid
    rgba(225,173,71,.75);

  border-bottom:
    1px solid
    rgba(225,173,71,.75);
}


.download-close{
  appearance:none;

  position:absolute;

  z-index:4;

  right:12px;
  top:10px;

  width:30px;
  height:30px;

  border:0;

  background:
    transparent;

  color:#9c8b68;

  cursor:pointer;

  font-size:21px;

  line-height:1;
}


.download-close:hover{
  color:#f1cf82;
}


.download-brand{
  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:21px;
}


.download-brand img{
  width:28px;
  height:28px;

  object-fit:contain;

  filter:
    drop-shadow(
      0
      0
      7px
      rgba(223,166,61,.18)
    );
}


.download-brand span{
  color:#cda75d;

  font-size:8px;

  font-weight:900;

  letter-spacing:.17em;

  text-transform:uppercase;
}


.download-step h2{
  margin:
    0
    0
    8px;

  color:#f1e9da;

  font:
    700
    clamp(25px,3vw,32px)/1.05
    Georgia,
    "Times New Roman",
    serif;
}


.download-step > p{
  margin:
    0
    0
    20px;

  color:#9d9b95;

  font-size:10px;

  line-height:1.6;
}


/* ---------------------------------------------------------
   CHOOSE MODE
   --------------------------------------------------------- */

.download-mode-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}


.download-mode-button{
  appearance:none;

  min-height:91px;

  padding:
    16px
    16px;

  border:
    1px solid
    rgba(220,169,69,.24);

  background:
    #090b0d;

  color:#e7dfcf;

  cursor:pointer;

  text-align:left;

  transition:
    border-color .16s ease,
    background .16s ease,
    transform .16s ease;
}


.download-mode-button:hover{
  transform:
    translateY(-1px);

  border-color:
    rgba(235,181,77,.70);

  background:
    #0d0f11;
}


.download-mode-button.is-current{
  border-color:
    rgba(235,181,77,.82);

  box-shadow:
    inset 0 0 0 1px
    rgba(235,181,77,.18),
    0 0 18px
    rgba(218,158,51,.055);
}


.download-mode-button:disabled{
  cursor:default;

  opacity:.52;

  transform:none;
}


.download-mode-button strong,
.download-mode-button span{
  display:block;
}


.download-mode-button strong{
  color:#efc76e;

  font-size:10px;

  font-weight:900;

  letter-spacing:.11em;

  text-transform:uppercase;
}


.download-mode-button span{
  margin-top:7px;

  color:#999791;

  font-size:9px;

  line-height:1.5;
}


.download-mode-note{
  display:block;

  margin-top:13px;

  color:#7f807d;

  font-size:8px;

  line-height:1.5;
}


/* ---------------------------------------------------------
   READY
   --------------------------------------------------------- */

.download-product-label{
  display:inline-block;

  margin-bottom:8px;

  color:#c99f50;

  font-size:8px;

  font-weight:900;

  letter-spacing:.16em;

  text-transform:uppercase;
}


.download-license-summary{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:8px;

  margin:
    20px
    0
    13px;
}


.download-license-summary > div{
  min-width:0;

  padding:
    12px
    13px;

  border:
    1px solid
    rgba(220,169,68,.17);

  background:
    rgba(255,255,255,.012);
}


.download-license-summary span,
.download-license-summary strong{
  display:block;
}


.download-license-summary span{
  color:#81817e;

  font-size:7px;

  font-weight:800;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.download-license-summary strong{
  overflow:hidden;

  margin-top:5px;

  color:#e4bd6c;

  font-size:9px;

  font-weight:900;

  letter-spacing:.06em;

  text-overflow:ellipsis;

  white-space:nowrap;
}


.download-ready-note{
  min-height:31px;

  margin:
    0
    0
    15px!important;

  color:#8f8f8a!important;

  font-size:9px!important;
}


.download-primary{
  appearance:none;

  width:100%;

  min-height:44px;

  border:
    1px solid
    rgba(232,178,70,.85);

  background:
    linear-gradient(
      180deg,
      #edbd54,
      #ad7010
    );

  color:#160f05;

  cursor:pointer;

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.18),
    0 12px 27px
    rgba(0,0,0,.22);
}


.download-primary:hover{
  filter:
    brightness(1.06);
}


.download-primary:disabled{
  cursor:default;

  opacity:.58;
}


.download-change-mode{
  appearance:none;

  display:block;

  margin:
    11px
    auto
    0;

  padding:
    5px
    6px;

  border:0;

  background:
    transparent;

  color:#8e805f;

  cursor:pointer;

  font-size:8px;

  font-weight:800;

  letter-spacing:.10em;

  text-transform:uppercase;
}


.download-change-mode:hover{
  color:#dfb65f;
}


.download-message{
  min-height:15px;

  margin:
    12px
    0
    0;

  color:#969691;

  font-size:8px;

  line-height:1.45;
}


.download-message[data-kind="success"]{
  color:#6fd5a1;
}


.download-message[data-kind="error"]{
  color:#dda866;
}


@media(max-width:600px){

  .beta-download-cta-wrap{
    align-items:flex-start;

    flex-direction:column;
  }


  .beta-download-cta{
    width:100%;
  }


  .download-layer{
    padding:10px;
  }


  .download-panel{
    padding:
      25px
      19px
      22px;
  }


  .download-mode-grid,
  .download-license-summary{
    grid-template-columns:1fr;
  }


  .download-mode-button{
    min-height:0;
  }
}


/* ===== END FT_CUSTOMS_SIMPLE_DOWNLOAD_FLOW_V1 ===== */