/* TradingRoad — STATIC auth page design concepts only.
   No authentication, registration, storage or CRM integration. */
:root{--auth-deep:#060A39;--auth-midnight:#050831;--auth-indigo:#000080;--auth-yellow:#FEC901;--auth-lavender:#9BACEF;--auth-ink:#080E3B;--auth-muted:#73809D;--auth-line:#E3E7F0;}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.tr-auth-body{margin:0;background:#F8F9FD;color:var(--auth-ink);font-family:'Outfit',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.tr-auth-body a{text-decoration:none}
.tr-auth-body button,.tr-auth-body input,.tr-auth-body select{font:inherit}
.tr-auth-body :is(a,input,button):focus-visible{outline:3px solid var(--auth-yellow);outline-offset:4px}
.tr-auth-skip{position:absolute;z-index:40;left:15px;top:-60px;background:#fff;color:#070A43;padding:12px 17px}
.tr-auth-skip:focus{top:12px}
.tr-auth-shell{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);min-height:100svh;max-width:1900px;margin:0 auto;box-shadow:0 0 0 1px rgba(4,9,41,.04)}
.tr-auth-brand-panel{position:relative;display:flex;flex-direction:column;min-height:900px;padding:45px clamp(35px,5vw,88px) 37px;overflow:hidden;background:radial-gradient(ellipse at 96% 77%,rgba(56,72,178,.55),transparent 55%),radial-gradient(ellipse at -15% -15%,rgba(55,59,163,.36),transparent 53%),linear-gradient(145deg,#020323 0%,#080C48 52%,#121A70 100%);color:#fff;isolation:isolate}
.tr-auth-brand-panel::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(143,160,251,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(143,160,251,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,transparent 3%,#000 66%,transparent 100%);pointer-events:none}
.tr-auth-orbit{position:absolute;width:620px;height:620px;right:-335px;top:29%;border:1px solid rgba(152,174,246,.12);border-radius:50%;pointer-events:none}
.tr-auth-orbit::before,.tr-auth-orbit::after{content:"";position:absolute;inset:57px;border:1px solid rgba(161,182,250,.11);border-radius:50%}
.tr-auth-orbit::after{inset:118px}
.tr-auth-brand-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.tr-auth-logo{display:flex;align-items:center;width:190px;height:auto;min-height:42px}
.tr-auth-logo .brand{display:flex!important;align-items:center!important;width:auto!important;color:#fff!important;font-size:21px;font-weight:750;letter-spacing:-.04em}
.tr-auth-logo img{display:block;max-width:190px;width:100%;height:auto}
.tr-auth-corner-label{font-size:10px;letter-spacing:.15em;color:#A3B0E3;font-weight:800;text-align:right;white-space:nowrap}
.tr-auth-hero{position:relative;z-index:1;margin-top:clamp(100px,12vh,177px);max-width:660px}
.tr-auth-eyebrow{display:inline-flex;align-items:center;gap:11px;color:#C6D1FF;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tr-auth-eyebrow::before{content:"";width:7px;height:7px;flex:none;background:var(--auth-yellow);border-radius:50%}
.tr-auth-hero h1{font-size:clamp(53px,5.2vw,84px);line-height:1.035;letter-spacing:-.071em;font-weight:750;margin:27px 0 25px;max-width:640px}
.tr-auth-hero h1 em{font-style:normal;color:#BBC9FF}
.tr-auth-hero>p{font-size:clamp(15px,1.12vw,18px);line-height:1.8;max-width:470px;color:#C3CAED;margin:0}
.tr-auth-points{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:31px;color:#D9E1FC}
.tr-auth-points span{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:650}
.tr-auth-points span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--auth-yellow)}
.tr-auth-insight-panel{position:relative;z-index:1;margin-top:auto;padding:44px 0 27px;max-width:615px}
.tr-auth-insight-caption{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(190,204,252,.21);padding-bottom:17px;margin-bottom:19px;gap:15px}
.tr-auth-insight-caption span:first-child{font-size:10px;font-weight:800;letter-spacing:.15em;color:#BAC9FF}
.tr-auth-insight-caption span:last-child{font-size:10px;color:#C8D1F4}
.tr-auth-insight-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tr-auth-insight-item{min-height:122px;border:1px solid rgba(159,183,255,.23);background:rgba(255,255,255,.045);border-radius:15px;padding:19px 18px}
.tr-auth-insight-item .tr-auth-symbol{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(159,183,255,.35);border-radius:9px;margin-bottom:20px;color:var(--auth-yellow);font-size:17px}
.tr-auth-insight-item strong{display:block;font-size:15px;color:#fff;font-weight:750;letter-spacing:-.02em;margin-bottom:6px}
.tr-auth-insight-item small{font-size:11px;color:#AAB8E9}
.tr-auth-brand-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(196,206,255,.17);margin-top:26px;padding-top:19px;color:#98A7DD;font-size:11px}
.tr-auth-brand-bottom span:last-child{color:#F5D456}
.tr-auth-form-panel{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 110% -8%,rgba(195,205,249,.46),transparent 48%),#F8F9FD;padding:43px clamp(28px,4.7vw,84px) 32px;position:relative}
.tr-auth-form-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#697798;font-size:12px;min-height:45px}
.tr-auth-form-top>a{color:#202E80;font-weight:750;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.tr-auth-preview-pill{display:inline-flex;align-items:center;gap:7px;color:#24439B;border:1px solid #D4DDF2;border-radius:50px;padding:9px 12px;background:#EEF2FC;font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.tr-auth-preview-pill::before{content:"";height:6px;width:6px;background:var(--auth-yellow);border-radius:50%}
.tr-auth-form-wrap{width:100%;max-width:503px;margin:auto; padding:48px 0 30px}
.tr-auth-mini-logo{display:inline-flex;align-items:center;gap:10px;color:#384E9C;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:18px}
.tr-auth-mini-logo::before{content:"";width:19px;height:3px;background:var(--auth-yellow);border-radius:3px}
.tr-auth-form-wrap h2{font-size:clamp(39px,3.3vw,55px);line-height:1.1;letter-spacing:-.058em;font-weight:760;color:#080D41;margin:0 0 14px}
.tr-auth-form-lead{color:#74809E;line-height:1.75;font-size:14px;max-width:410px;margin:0 0 29px}
.tr-auth-notice{display:flex;gap:11px;align-items:flex-start;border:1px solid #DCE4F4;border-left:3px solid var(--auth-yellow);border-radius:0 10px 10px 0;padding:14px 15px;background:#EDF1FA;color:#44557C;line-height:1.6;font-size:12px;margin:0 0 25px}
.tr-auth-notice::before{content:"i";display:grid;place-items:center;flex:none;width:19px;height:19px;border:1px solid #B3C1E3;border-radius:50%;color:#24449C;font-weight:800;font-style:normal}
.tr-auth-fields{display:grid;gap:17px}
.tr-auth-fields .tr-auth-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tr-auth-field{min-width:0}
.tr-auth-field label{display:block;font-size:12px;color:#20284C;font-weight:750;margin-bottom:9px}
.tr-auth-field input,.tr-auth-field select{display:block;width:100%;height:55px;border-radius:12px;border:1px solid #DCE1EE;outline:none;background:#fff;color:#2D395F;padding:0 17px;font-size:13px;box-shadow:0 4px 14px rgba(21,39,104,.025);opacity:1;-webkit-text-fill-color:#697592}
.tr-auth-field :is(input,select):disabled{opacity:1;cursor:not-allowed;background-color:#fff;color:#657292}
.tr-auth-field input::placeholder{color:#9BA6B8;opacity:1}
.tr-auth-password{position:relative}
.tr-auth-password input{padding-right:63px}
.tr-auth-password span{position:absolute;right:17px;bottom:19px;color:#8B96AB;font-size:12px;font-weight:650}
.tr-auth-check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.tr-auth-fakecheck{display:inline-flex;gap:10px;align-items:center;color:#72809B;font-size:12px}
.tr-auth-fakecheck i{width:16px;height:16px;border:1px solid #C5CDE0;background:#fff;border-radius:5px;display:block;flex:none}
.tr-auth-dummy-link{color:#2A3E9C;font-size:12px;font-weight:750}
.tr-auth-button{border:0;border-radius:50px;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;height:57px;background:#070781!important;color:#fff!important;padding:0 23px;margin-top:28px;font-size:13px;font-weight:750;text-align:left;opacity:1!important;cursor:not-allowed}
.tr-auth-button span{color:var(--auth-yellow);font-size:20px;font-weight:500}
.tr-auth-micro{text-align:center;color:#8A96B0;font-size:11px;line-height:1.6;margin-top:13px}
.tr-auth-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:#99A1B2;margin:30px 0 24px}
.tr-auth-divider::before,.tr-auth-divider::after{content:"";height:1px;background:#E0E5EF;flex:1}
.tr-auth-switch{font-size:13px;color:#717C97;text-align:center}
.tr-auth-switch a{font-weight:800;color:#081E92;margin-left:5px}
.tr-auth-terms{font-size:11px;line-height:1.65;color:#8490A6;margin-top:19px}
.tr-auth-terms a{color:#2B459A;text-decoration:underline;text-underline-offset:3px}
.tr-auth-foot{margin-top:auto;display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:20px;border-top:1px solid #E4E8F1;font-size:11px;color:#93A0B4}
.tr-auth-foot a{font-size:11px;color:#617098}
.tr-auth-foot a:hover{color:#091887}
.tr-auth-body.is-register .tr-auth-brand-panel{min-height:1030px}
.tr-auth-body.is-register .tr-auth-hero{margin-top:clamp(93px,13vh,175px)}
.tr-auth-body.is-register .tr-auth-form-wrap{max-width:531px;padding:32px 0}
.tr-auth-body.is-register .tr-auth-form-lead{margin-bottom:21px}
.tr-auth-body.is-register .tr-auth-notice{margin-bottom:22px}
.tr-auth-body.is-register .tr-auth-fields{gap:14px}
.tr-auth-body.is-register .tr-auth-field input,.tr-auth-body.is-register .tr-auth-field select{height:50px}
.tr-auth-body.is-register .tr-auth-password span{bottom:16px}
.tr-auth-body.is-register .tr-auth-button{height:54px;margin-top:21px}
.tr-auth-body.is-register .tr-auth-switch{margin-top:19px}
@media(max-width:1160px){
.tr-auth-brand-panel{padding-left:42px;padding-right:40px}
.tr-auth-form-panel{padding-left:44px;padding-right:44px}
.tr-auth-hero h1{font-size:clamp(49px,5.2vw,69px)}
.tr-auth-insight-item{padding:16px 13px}
}
@media(max-width:880px){
.tr-auth-shell{grid-template-columns:1fr}
.tr-auth-brand-panel,.tr-auth-body.is-register .tr-auth-brand-panel{min-height:0;padding:30px 34px 40px}
.tr-auth-brand-top{gap:20px}
.tr-auth-hero,.tr-auth-body.is-register .tr-auth-hero{margin-top:60px;max-width:780px}
.tr-auth-hero h1{font-size:clamp(45px,8.2vw,70px);max-width:720px}
.tr-auth-insight-panel{margin-top:53px;max-width:750px;padding:0}
.tr-auth-brand-bottom{margin-top:26px}
.tr-auth-form-panel{padding:26px 34px 32px}
.tr-auth-form-wrap,.tr-auth-body.is-register .tr-auth-form-wrap{margin:0 auto;max-width:600px;padding:57px 0 58px}
.tr-auth-foot{max-width:600px;width:100%;margin:auto}
}
@media(max-width:540px){
.tr-auth-brand-panel,.tr-auth-body.is-register .tr-auth-brand-panel{padding:25px 22px 27px}
.tr-auth-logo{max-width:158px}
.tr-auth-logo img{max-width:158px}
.tr-auth-corner-label{font-size:9px}
.tr-auth-hero,.tr-auth-body.is-register .tr-auth-hero{margin-top:49px}
.tr-auth-hero h1{font-size:clamp(42px,11vw,61px);letter-spacing:-.063em}
.tr-auth-hero>p{font-size:14px;line-height:1.7}
.tr-auth-points{margin-top:25px;gap:11px 18px}
.tr-auth-insight-panel{margin-top:33px}
.tr-auth-insight-body{grid-template-columns:1fr;gap:9px}
.tr-auth-insight-item{min-height:69px;display:flex;align-items:center;gap:16px;padding:14px 16px}
.tr-auth-insight-item .tr-auth-symbol{margin:0;flex:none}
.tr-auth-insight-item strong{font-size:14px;margin-bottom:2px}
.tr-auth-insight-item small{font-size:10px}
.tr-auth-brand-bottom{font-size:10px}
.tr-auth-form-panel{padding:22px 20px 30px}
.tr-auth-form-wrap,.tr-auth-body.is-register .tr-auth-form-wrap{padding:48px 0}
.tr-auth-form-wrap h2{font-size:42px}
.tr-auth-form-top{font-size:11px}
.tr-auth-preview-pill{font-size:9px;padding:8px 9px}
.tr-auth-fields .tr-auth-two{grid-template-columns:1fr;gap:14px}
.tr-auth-check-row{align-items:flex-start}
.tr-auth-foot{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.tr-auth-body *{transition:none!important;animation:none!important}}


/* Editable form controls and restrained staging-only feedback */
.tr-auth-form-top{justify-content:space-between}
.tr-auth-top-support{font-size:12px;color:#24429A!important;font-weight:750;text-decoration:none!important;display:inline-flex;align-items:center;gap:8px}
.tr-auth-top-support:hover{color:#050C74!important}
.tr-auth-field input,.tr-auth-field select{-webkit-text-fill-color:#29345E!important;color:#29345E!important;cursor:text}
.tr-auth-field input:focus,.tr-auth-field select:focus{border-color:#526ED6;box-shadow:0 0 0 4px rgba(79,111,225,.095);outline:none}
.tr-auth-field input::placeholder{-webkit-text-fill-color:#9BA6B8!important;color:#9BA6B8!important}
.tr-auth-password .tr-auth-toggle{position:absolute;bottom:9px;right:10px;z-index:1;min-width:51px;height:36px;border:0;background:#F3F5FB;color:#243B91;border-radius:8px;cursor:pointer;font:750 12px/1 Outfit,Arial,sans-serif}
.tr-auth-password .tr-auth-toggle:hover{background:#E7ECFA}
.tr-auth-realcheck{display:flex;align-items:center;gap:10px;color:#697894;font-size:12px;line-height:1.55;cursor:pointer}
.tr-auth-realcheck input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;border:1px solid #BCC7DF;background:#fff;border-radius:5px;margin:0;cursor:pointer;display:grid;place-items:center}
.tr-auth-realcheck input:checked{background:#000080;border-color:#000080}
.tr-auth-realcheck input:checked::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.tr-auth-realcheck a{font-size:12px;color:#152D93!important;font-weight:750;text-decoration:underline!important;text-underline-offset:3px}
.tr-auth-inline-action{border:0;background:transparent;padding:0;color:#233D9C;cursor:pointer;font:750 12px Outfit,Arial,sans-serif;white-space:nowrap}
.tr-auth-inline-action:hover{text-decoration:underline}
.tr-auth-button{cursor:pointer!important;transition:background .18s ease,transform .18s ease}
.tr-auth-button:hover{background:#2425A8!important;transform:translateY(-1px)}
.tr-auth-button:active{transform:translateY(0)}
.tr-auth-feedback:not([hidden]){display:block;border:1px solid #DCE3F6;background:#F0F3FC;color:#263C86;border-radius:10px;padding:12px 14px;margin:16px 0 0;font:600 12px/1.6 Outfit,Arial,sans-serif}
.tr-auth-feedback.is-error:not([hidden]){background:#FFF7F4;border-color:#F0D1C7;color:#934630}
.tr-auth-staging-note{margin:13px 0 0;color:#8590A7;font:450 11px/1.55 Outfit,Arial,sans-serif;text-align:center}
.tr-auth-body.is-register .tr-auth-password .tr-auth-toggle{bottom:7px}
@media(max-width:540px){
.tr-auth-top-support{font-size:11px}
.tr-auth-realcheck{font-size:11px}
.tr-auth-staging-note{font-size:10px}
}

/* Dedicated bilingual auth-preview navigation */
.tr-auth-header-links{display:flex;align-items:center;gap:20px}
.tr-auth-quick-lang{display:inline-flex;align-items:center;gap:8px;direction:ltr}
.tr-auth-quick-lang a{font:750 11px/1.5 'Outfit',Arial,sans-serif;color:#65749c;text-decoration:none}
.tr-auth-quick-lang a[lang="ar"]{font:750 13px/1.5 'TR Frutiger Arabic',Arial,sans-serif}
.tr-auth-quick-lang a:hover{color:#08127d}
.tr-auth-quick-lang span{color:#a7afc6;font-size:11px}
@media(max-width:540px){.tr-auth-header-links{gap:9px}.tr-auth-quick-lang{gap:5px}.tr-auth-top-support{font-size:10px}}