:root {
    --tx-auth-bg: #061226;
    --tx-auth-border: rgba(103, 164, 213, .26);
    --tx-auth-text: #f4fbff;
    --tx-auth-muted: #8ca5bf;
    --tx-auth-cyan: #19c7ee;
    --tx-auth-green: #23d49b;
}
html.tx-auth-html,
body.tx-auth-body { min-height: 100%; background: var(--tx-auth-bg); }
body.tx-auth-body { padding-top: 0; overflow-x: hidden; color: var(--tx-auth-text); background: #061226; }
.tx-auth-body::before { position: fixed; inset: 0; z-index: -1; background: radial-gradient(circle at 12% 18%, rgba(14,151,198,.22), transparent 25%), radial-gradient(circle at 45% 88%, rgba(23,193,172,.12), transparent 26%), linear-gradient(115deg,#071b34 0%,#061226 47%,#050d1e 100%); content: ""; }
.tx-auth-body::after { position: fixed; inset: 0; z-index: -1; opacity: .18; background-image: linear-gradient(rgba(119,180,224,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(119,180,224,.14) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom,#000,transparent 78%); content: ""; }
.tx-auth-nav { position: absolute; z-index: 5; top: 0; width: 100%; min-height: 66px; padding: 0 40px; border: 0; background: transparent; box-shadow: none; }
.tx-auth-nav .container { width: 100%; padding: 0; }
.tx-auth-brand { display: inline-flex !important; align-items: center; gap: 10px; height: 62px !important; padding: 0 !important; color: #fff !important; }
.tx-auth-brand-mark { width: 38px; height: 38px; overflow: hidden; border: 1px solid rgba(62,216,255,.7); border-radius: 50%; background: #10314d; }
.tx-auth-brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.tx-auth-brand strong, .tx-auth-brand small { display: block; line-height: 1.05; }
.tx-auth-brand strong { font-size: 15px; letter-spacing: 1px; }
.tx-auth-brand small { margin-top: 4px; color: #72a1be; font-size: 8px; letter-spacing: 2px; }
.tx-auth-nav .navbar-nav > li > a { margin-top: 17px; padding: 8px 14px; border: 1px solid rgba(46,219,190,.35); border-radius: 7px; background: rgba(16,118,109,.16); color: #9be7d4; }
.tx-auth-nav .navbar-nav { display: none; }
.tx-auth-nav .navbar-toggle { display: none; }
.tx-auth-content { min-height: 100vh; padding: 0; overflow: visible; }
.tx-auth-shell { display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,1fr); min-height: 100vh; padding: 0 44px; }
.tx-auth-hero { max-width: 935px; padding: 198px 20px 120px 0; justify-self: end; }
.tx-auth-eyebrow, .tx-auth-secure { display: inline-flex; align-items: center; gap: 7px; color: #70a6c2; font-size: 10px; font-weight: 600; letter-spacing: 1px; }
.tx-auth-eyebrow span, .tx-auth-secure span { width: 7px; height: 7px; border-radius: 50%; background: var(--tx-auth-cyan); box-shadow: 0 0 12px var(--tx-auth-cyan); }
.tx-auth-hero h1 { margin: 13px 0 14px; color: #f2fbff; font-size: clamp(42px,4.2vw,72px); font-weight: 800; line-height: 1.08; letter-spacing: -1px; }
.tx-auth-hero h1 em { color: #5ee8d1; font-style: normal; }
.tx-auth-lead { max-width: 620px; margin: 0; color: #89a3bb; font-size: 14px; line-height: 1.9; }
.tx-auth-flow-card, .tx-auth-stage-card { border: 1px solid var(--tx-auth-border); border-radius: 20px; background: linear-gradient(135deg,rgba(12,36,62,.9),rgba(9,28,49,.55)); box-shadow: inset 0 1px rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.18); }
.tx-auth-flow-card { width: min(100%,500px); margin-top: 24px; padding: 24px 26px 16px; }
.tx-auth-flow-head { display: flex; justify-content: space-between; color: #6cc9dc; font-size: 11px; }
.tx-auth-flow-head span { color: var(--tx-auth-green); }
.tx-auth-flow-head i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: var(--tx-auth-green); box-shadow: 0 0 9px var(--tx-auth-green); }
.tx-auth-flow-card h2 { margin: 26px 0 8px; color: #f4fbff; font-size: 25px; }
.tx-auth-flow-card p { margin: 0; color: #7894af; font-size: 12px; line-height: 1.8; }
.tx-auth-signal { height: 82px; margin-top: 17px; overflow: hidden; border-radius: 18px; background: linear-gradient(180deg,rgba(12,108,137,.38),rgba(7,63,83,.24)); }
.tx-auth-signal i { display: block; height: 100%; background: linear-gradient(90deg,transparent 0,rgba(42,225,232,.8) 45%,#38e4b3 52%,transparent 100%); clip-path: polygon(0 67%,14% 63%,28% 69%,42% 50%,55% 56%,69% 43%,82% 53%,100% 26%,100% 31%,82% 59%,69% 50%,55% 64%,42% 57%,28% 76%,14% 70%,0 74%); opacity: .8; }
.tx-auth-stage-card { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; width: min(100%,935px); margin-top: 18px; padding: 10px; }
.tx-auth-stage-card > div { padding: 14px 10px; border: 1px solid rgba(102,160,207,.26); border-radius: 13px; text-align: center; }
.tx-auth-stage-card strong, .tx-auth-stage-card small { display: block; }
.tx-auth-stage-card strong { color: #e4f7ff; font-size: 16px; }
.tx-auth-stage-card small { margin-top: 5px; color: #7191aa; font-size: 10px; }
.tx-auth-panel-wrap { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; padding: 130px 0 80px 7%; border-left: 1px solid rgba(97,150,198,.13); }
.tx-auth-contact { position: absolute; top: 18px; right: 0; padding: 6px 13px; border: 1px solid rgba(48,218,183,.4); border-radius: 7px; background: rgba(15,126,111,.16); color: #9be7d4; font-size: 11px; }
.tx-auth-panel { width: min(100%,360px); padding: 30px 28px 22px; border: 1px solid rgba(115,177,220,.23); border-radius: 21px; background: linear-gradient(145deg,rgba(23,46,76,.88),rgba(9,22,41,.84)); box-shadow: 0 28px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05); }
.tx-auth-panel h2 { margin: 20px 0 7px; color: #f3fbff; font-size: 24px; text-align: center; }
.tx-auth-panel-lead { margin: 0 0 20px; color: #829cb5; font-size: 11px; text-align: center; }
.tx-auth-tabs { display: none; }
.tx-auth-form .form-group { margin-bottom: 14px; }
.tx-auth-form label { display: block; margin-bottom: 7px; color: #adc2d4; font-size: 11px; font-weight: 600; }
.tx-auth-form .form-control { height: 42px; border: 1px solid rgba(100,145,186,.22); border-radius: 9px; background: rgba(7,14,28,.64); box-shadow: none; color: #e8f6ff; }
.tx-auth-form .form-control:focus { border-color: var(--tx-auth-cyan); box-shadow: 0 0 0 3px rgba(25,199,238,.12); }
.tx-auth-form .form-control::placeholder { color: #647b93; }
.tx-auth-options { margin: 4px 0 17px !important; color: #839bb1; font-size: 11px; }
.tx-auth-options .checkbox { margin: 0; }
.tx-auth-options .checkbox label { display: inline; margin: 0; color: #839bb1; font-size: 11px; font-weight: 400; }
.tx-auth-options .checkbox input { margin-top: 2px; accent-color: var(--tx-auth-cyan); }
.tx-auth-options .pull-right a { color: #65d7ed; }
.tx-auth-submit .btn-primary { height: 43px; border: 0; border-radius: 10px; background: linear-gradient(100deg,#13a9df,#1594dc); box-shadow: 0 10px 25px rgba(8,156,217,.24); font-size: 13px; }
.tx-auth-register-link { display: block; margin-top: 17px; color: #8da4b9; font-size: 11px; text-align: center; }
.tx-auth-register-link strong { color: #71dae4; }
.tx-auth-badges { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 22px; }
.tx-auth-badges span { padding: 7px 3px; border: 1px solid rgba(100,145,186,.19); border-radius: 9px; color: #7c96ac; font-size: 10px; text-align: center; }
.tx-auth-footer { position: fixed; right: 0; bottom: 0; left: 0; z-index: 4; margin: 0 !important; border-top: 1px solid rgba(96,152,192,.16); background: rgba(4,14,29,.66) !important; }
.tx-auth-footer .copyright { padding: 9px !important; color: #617b91 !important; background: transparent !important; font-size: 10px; line-height: 18px !important; }
.tx-auth-footer .copyright a { color: #6b8da4; }
@media (max-width: 1050px) { .tx-auth-shell { grid-template-columns: 1fr; padding: 0 24px; } .tx-auth-hero { max-width: 760px; padding: 130px 0 30px; justify-self: center; } .tx-auth-panel-wrap { padding: 20px 0 100px; border-left: 0; } .tx-auth-contact { right: 0; } }
@media (max-width: 600px) { .tx-auth-nav { padding: 0 18px; } .tx-auth-hero { padding-top: 105px; } .tx-auth-hero h1 { font-size: 38px; } .tx-auth-lead { font-size: 12px; } .tx-auth-flow-card { padding: 20px; } .tx-auth-stage-card { grid-template-columns: repeat(2,1fr); } .tx-auth-panel { padding: 26px 20px 20px; } .tx-auth-panel-wrap { padding-bottom: 85px; } }