.trd-auth{--auth-navy:#050d1a;--auth-gold:#dcbc5c;--auth-gold-light:#e9d38f;--auth-glass:#0c162875;--auth-border:#ffffff21;--auth-field:#050d1a8c;--auth-field-border:#ffffff29;--auth-text:#f4f6fb;--auth-muted:#b9c3d4;--auth-subtle:#8f9bb0;--auth-pad-y:1.5rem;--auth-col-gap:1.5rem;--auth-logo-w:clamp(160px, 44vw, 220px);--auth-card-pad-y:1.75rem;--auth-heading-gap:1.1rem;--auth-heading-size:1.75rem;--auth-stack-top:1.5rem;--auth-stack-gap:1.1rem;--auth-label-gap:.5rem;--auth-field-h:3.1rem;--auth-btn-h:3.25rem;--auth-btn-top:1.4rem;--auth-divider-gap:1.1rem;--auth-hint-gap:.9rem;isolation:isolate;min-height:100dvh;color:var(--auth-text);background:var(--auth-navy);padding:max(env(safe-area-inset-top), var(--auth-pad-y)) max(env(safe-area-inset-right), 1rem) max(env(safe-area-inset-bottom), var(--auth-pad-y)) max(env(safe-area-inset-left), 1rem);position:relative}@media (min-width:1024px) and (min-aspect-ratio:5/4){.trd-auth{--auth-pad-y:clamp(.75rem, 2.2vh, 1.75rem);--auth-col-gap:clamp(.75rem, 2vh, 1.5rem);--auth-logo-w:clamp(150px, 21vh, 240px);--auth-card-pad-y:clamp(1.25rem, 3.2vh, 2rem);--auth-heading-gap:clamp(.6rem, 1.5vh, 1rem);--auth-heading-size:clamp(1.5rem, 3.2vh, 1.75rem);--auth-stack-top:clamp(.85rem, 2.1vh, 1.4rem);--auth-stack-gap:clamp(.7rem, 1.7vh, 1.1rem);--auth-label-gap:clamp(.35rem, .8vh, .5rem);--auth-field-h:clamp(2.75rem, 5.4vh, 3.1rem);--auth-btn-h:clamp(2.875rem, 5.6vh, 3.25rem);--auth-btn-top:clamp(.85rem, 2.1vh, 1.4rem);--auth-divider-gap:clamp(.6rem, 1.5vh, 1rem);--auth-hint-gap:clamp(.5rem, 1.2vh, .85rem);height:100dvh;min-height:0;overflow:hidden}}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (max-height:700px){.trd-auth{height:auto;min-height:100dvh;overflow:visible}}.trd-auth-bg{z-index:-1;background:var(--auth-navy);position:fixed;inset:0;overflow:hidden}.trd-auth-bg__img{object-fit:cover;object-position:9% 50%;filter:brightness(.9)saturate(.95);width:104%;max-width:none;height:104%;transform:translate3d(calc(var(--parallax-x,0) * -14px), calc(var(--parallax-y,0) * -10px), 0) scale(1.03);transition:transform .6s cubic-bezier(.22,1,.36,1);animation:1.4s cubic-bezier(.22,1,.36,1) both trd-auth-bg-in;position:absolute;inset:-2%}@media (min-aspect-ratio:4/5){.trd-auth-bg__img{object-position:14% 50%}}@media (min-aspect-ratio:5/4){.trd-auth-bg__img{object-position:50% 55%}}.trd-auth-bg__shade{background:radial-gradient(120% 70% at 50% 42%,#050d1a00 0%,#050d1a59 70%,#050d1ab3 100%),linear-gradient(#050d1abd 0%,#0812246b 26%,#08122452 52%,#050d1aa8 82%,#050d1aeb 100%);position:absolute;inset:0}.trd-auth-brand{text-align:center}.trd-auth-logo{width:var(--auth-logo-w);filter:drop-shadow(0 6px 24px #c9a2272e);margin-inline:auto;animation:.9s cubic-bezier(.22,1,.36,1) both trd-auth-logo-in;display:block;position:relative}.trd-auth-logo img{width:100%;height:auto;display:block}.trd-auth-logo:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 38%,#fff4d2e6 50%,#0000 62%) 160% 0/260% 100% no-repeat;animation:1.6s ease-out .65s both trd-auth-logo-shine;position:absolute;inset:0;-webkit-mask:url(/brand/transporter-rd-logo-960.webp) 50%/contain no-repeat;mask:url(/brand/transporter-rd-logo-960.webp) 50%/contain no-repeat}.trd-auth-title{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#d5deec;margin-top:clamp(.4rem,1.1vh,.75rem);font-size:.8rem;font-weight:600;animation:.8s cubic-bezier(.22,1,.36,1) .25s both trd-auth-fade-up}.trd-auth-rule{transform-origin:50%;background:linear-gradient(90deg,#c9a227,#e9d38f);border-radius:2px;width:3rem;height:2px;margin:clamp(.45rem,1.1vh,.75rem) auto 0;animation:.9s cubic-bezier(.22,1,.36,1) .45s both trd-auth-rule-in;display:block}@media (min-width:640px) and (max-aspect-ratio:5/4){.trd-auth-slot{transform:translate(min(13vw,7.5rem))}}.trd-auth-card{border:1px solid var(--auth-border);background:linear-gradient(160deg, #ffffff12 0%, #ffffff05 38%, #fff0 60%), var(--auth-glass);-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);border-radius:1.25rem;animation:.85s cubic-bezier(.22,1,.36,1) .18s both trd-auth-card-in;position:relative;box-shadow:0 30px 80px -20px #000000a6,inset 0 2px #ffffff0d,0 0 0 1px #00000040}.trd-auth-card__content{padding-block:var(--auth-card-pad-y);animation:.9s cubic-bezier(.22,1,.36,1) .22s both trd-auth-unblur}.trd-auth-accent{background:var(--auth-gold);border-radius:2px;width:1.5rem;height:2px;display:block}.trd-auth-heading{margin-top:var(--auth-heading-gap);font-size:var(--auth-heading-size)}.trd-auth-stack{margin-top:var(--auth-stack-top);row-gap:var(--auth-stack-gap)}.trd-auth-field--labeled{margin-top:var(--auth-label-gap)}.trd-auth-primary--spaced{margin-top:var(--auth-btn-top)}.trd-auth-divider{margin-block:var(--auth-divider-gap)}.trd-auth-hint{margin-top:var(--auth-hint-gap)}.trd-auth-column{gap:var(--auth-col-gap)}.trd-auth-field{position:relative}.trd-auth-field__icon{color:#c9d2e1;pointer-events:none;width:1.15rem;height:1.15rem;position:absolute;top:50%;left:.95rem;translate:0 -50%}.trd-auth-input{width:100%;min-height:var(--auth-field-h);border:1px solid var(--auth-field-border);background:var(--auth-field);color:var(--auth-text);border-radius:.6rem;outline:none;padding:.7rem .9rem .7rem 2.85rem;font-size:16px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:block}.trd-auth-input--with-action{padding-right:3rem}.trd-auth-input::placeholder{color:var(--auth-subtle)}.trd-auth-input:hover{border-color:#ffffff42}.trd-auth-input:focus{border-color:var(--auth-gold);background:#050d1ab3;box-shadow:0 0 0 3px #dcbc5c38}.trd-auth-input:-webkit-autofill{-webkit-text-fill-color:var(--auth-text);caret-color:var(--auth-text);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #0b1628}.trd-auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--auth-text);caret-color:var(--auth-text);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #0b1628}.trd-auth-field__action{color:#c9d2e1;border-radius:.5rem;place-items:center;width:2.75rem;height:2.75rem;transition:color .16s,background-color .16s;display:grid;position:absolute;top:50%;right:.35rem;translate:0 -50%}.trd-auth-field__action:hover{color:#fff;background:#ffffff0f}.trd-auth-field__action:focus-visible{outline:2px solid var(--auth-gold);outline-offset:1px}.trd-auth-check{appearance:none;cursor:pointer;background:#050d1a80;border:1.5px solid #ffffff59;border-radius:.35rem;flex-shrink:0;place-items:center;width:1.375rem;height:1.375rem;margin-top:.05rem;transition:background-color .16s,border-color .16s;display:grid}.trd-auth-check:after{content:"";border:solid var(--auth-navy);border-width:0 2.25px 2.25px 0;width:.4rem;height:.72rem;margin-top:-.12rem;transition:transform .16s;transform:rotate(45deg)scale(0)}.trd-auth-check:checked{background:linear-gradient(135deg,#f0cf6e,#c9a227);border-color:#0000}.trd-auth-check:checked:after{transform:rotate(45deg)scale(1)}.trd-auth-check:focus-visible{outline:2px solid var(--auth-gold-light);outline-offset:2px}.trd-auth-primary,.trd-auth-secondary{width:100%;min-height:var(--auth-btn-h);border-radius:.6rem;justify-content:center;align-items:center;gap:.6rem;font-size:1rem;font-weight:650;transition:transform .16s,box-shadow .22s,filter .22s,border-color .22s,background-color .22s;display:flex;position:relative;overflow:hidden}.trd-auth-primary{color:var(--auth-navy);background:linear-gradient(90deg,#d6ac3e 0%,#e7c260 45%,#f3dc95 82%,#e9cb76 100%);box-shadow:0 10px 28px -10px #c9a22799,inset 0 1px #ffffff59}.trd-auth-primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%) 150% 0/250% 100% no-repeat;transition:background-position .7s;position:absolute;inset:0}.trd-auth-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 16px 34px -12px #c9a227bf,inset 0 1px #fff6}.trd-auth-primary:hover:not(:disabled):after{background-position:-50% 0}.trd-auth-arrow{transition:transform .2s}.trd-auth-primary:hover:not(:disabled) .trd-auth-arrow{transform:translate(3px)}.trd-auth-secondary{color:var(--auth-text);background:#050d1a59;border:1px solid #ffffff52}.trd-auth-secondary:hover:not(:disabled){background:#dcbc5c14;border-color:#e9d38fbf;transform:translateY(-1px)}.trd-auth-primary:active:not(:disabled),.trd-auth-secondary:active:not(:disabled){transform:translateY(0)scale(.985)}.trd-auth-primary:focus-visible,.trd-auth-secondary:focus-visible{outline:2px solid var(--auth-gold-light);outline-offset:3px}.trd-auth-primary:disabled,.trd-auth-secondary:disabled{cursor:default;opacity:.72}.trd-auth-print{place-items:center;width:1.75rem;height:1.75rem;display:inline-grid;position:relative}.trd-auth-print__ring{opacity:0;transition:opacity .2s;position:absolute;inset:-.3rem}.trd-auth-print--active .trd-auth-print__ring{opacity:1;animation:1.1s linear infinite trd-auth-spin}.trd-auth-print--active .trd-auth-print__icon{color:var(--auth-gold-light);animation:1.4s ease-in-out infinite trd-auth-pulse}.trd-auth-verify{z-index:2;text-align:center;border-radius:inherit;background:radial-gradient(circle at 50% 42%,#102545eb,#050d1af2 70%);place-content:center;justify-items:center;gap:1.25rem;padding:1.5rem;animation:.26s both trd-auth-fade;display:grid;position:absolute;inset:0}.trd-auth-verify__disc{background:radial-gradient(circle,#18345ed9,#0a1a33e6 65%);border-radius:999px;place-items:center;width:8.5rem;height:8.5rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 0 40px #dcbc5c2e}.trd-auth-verify__ring{animation:1.6s cubic-bezier(.45,.05,.55,.95) infinite trd-auth-spin;position:absolute;inset:-.6rem}.trd-auth-verify__icon{width:3.75rem;height:3.75rem;color:var(--auth-gold-light);filter:drop-shadow(0 0 10px #dcbc5c73);animation:1.6s ease-in-out infinite trd-auth-pulse}@keyframes trd-auth-bg-in{0%{opacity:0;transform:scale(1.08)}}@keyframes trd-auth-logo-in{0%{opacity:0;transform:translateY(-16px)scale(.96)}}@keyframes trd-auth-logo-shine{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes trd-auth-rule-in{0%{opacity:0;transform:scaleX(0)}}@keyframes trd-auth-fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes trd-auth-card-in{0%{opacity:0;transform:translateY(32px)}}@keyframes trd-auth-unblur{0%{filter:blur(8px)}to{filter:blur()}}@keyframes trd-auth-fade{0%{opacity:0}}@keyframes trd-auth-spin{to{transform:rotate(360deg)}}@keyframes trd-auth-pulse{50%{opacity:.6;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.trd-auth *,.trd-auth :before,.trd-auth :after{transition:none!important;animation:none!important}.trd-auth-bg__img{transform:none}}
