@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--auth-ink:#171c26;--auth-cobalt:#3157e2;--auth-coral:#ef6a5b;--auth-green:#07966f;--auth-muted:#687386;--auth-line:#d8e0eb}
*{box-sizing:border-box}body{background:#111722!important;color:var(--auth-ink)!important;font-family:'DM Sans',sans-serif!important;margin:0}.vay-auth-shell{align-items:center;background:#111722 url('../img/bynence/trading-hero-v2.png') center/cover no-repeat!important;display:flex;isolation:isolate;min-height:100vh;overflow:hidden;padding:46px;position:relative}.vay-auth-shell:before{background:linear-gradient(90deg,rgba(17,23,34,.96) 0%,rgba(17,23,34,.76) 46%,rgba(17,23,34,.42) 100%);content:'';inset:0;position:absolute;z-index:-1}.vay-auth-shell:after{background:rgba(17,23,34,.42);content:'';inset:0;position:absolute;z-index:-1}.vay-auth-card{margin:0 auto;max-width:1240px;width:100%}.vay-auth-grid{align-items:center;display:grid;gap:90px;grid-template-columns:minmax(0,1fr) minmax(440px,520px)}
.vay-auth-side{background:none!important;display:flex;flex-direction:column;justify-content:center;min-height:620px;padding:20px!important}.vay-auth-side .byn-brand{align-items:center;color:#fff;display:flex;font-family:'Manrope',sans-serif;font-size:27px;font-weight:800;gap:11px}.vay-auth-side .byn-brand>span{align-items:center;background:var(--auth-coral);border-radius:7px;box-shadow:0 10px 26px rgba(239,106,91,.28);color:#fff;display:flex;height:42px;justify-content:center;width:42px}.vay-auth-side h1{color:#fff!important;font-family:'Manrope',sans-serif!important;font-size:clamp(48px,5vw,72px)!important;font-weight:800!important;line-height:1.03!important;margin:45px 0 20px!important;max-width:690px}.vay-auth-side>div>p{color:#cbd5e1!important;font-size:18px!important;line-height:1.7!important;max-width:620px}.vay-auth-back{align-items:center;color:#dfe6ef!important;display:inline-flex;font-size:14px;font-weight:700;gap:9px;margin-top:25px;text-decoration:none!important}.vay-auth-back i{color:#ff8a78;transition:transform .2s}.vay-auth-back:hover i{transform:translateX(-4px)}
.auth-brand-logo{display:block;height:76px;object-fit:contain;object-position:left center;width:190px}
.vay-auth-stats{display:flex!important;gap:0!important;margin-top:55px!important}.vay-auth-stat{background:rgba(17,23,34,.65)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;min-width:135px;padding:17px 20px!important}.vay-auth-stat:first-child{border-radius:7px 0 0 7px!important}.vay-auth-stat:last-child{border-radius:0 7px 7px 0!important}.vay-auth-stat strong{color:#8ff0ce!important;font-size:22px!important}.vay-auth-stat span{color:#c4cedb!important;font-size:13px!important}
.vay-auth-form{animation:authPanelIn .7s cubic-bezier(.22,1,.36,1) both;background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:10px!important;box-shadow:0 35px 90px rgba(0,0,0,.34)!important;color:var(--auth-ink)!important;padding:42px!important}.vay-auth-form h2{color:var(--auth-ink)!important;font-family:'Manrope',sans-serif!important;font-size:34px!important;font-weight:800!important}.vay-auth-form>p{color:var(--auth-muted)!important;font-size:15px!important}.vay-auth-form .form-label,.vay-auth-form .form-check-label{color:#3b4656!important;font-size:14px!important;font-weight:700!important}.vay-auth-form .form-control{background:#f6f8fb!important;border:1px solid #ccd6e3!important;border-radius:6px!important;color:#202733!important;font-size:15px!important;height:54px!important;padding:0 46px!important;transition:.2s!important}.vay-auth-form .form-control:focus{background:#fff!important;border-color:var(--auth-cobalt)!important;box-shadow:0 0 0 4px rgba(49,87,226,.1)!important}.vay-auth-input{position:relative}.vay-auth-input>i{color:#8a96a7;font-size:14px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.vay-password-toggle{background:none;border:0;color:#718095;padding:10px;position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:3}.vay-password-toggle:hover{color:var(--auth-cobalt)}.vay-auth-form .form-check-input{border-color:#aeb9c8}.vay-auth-form .form-check-input:checked{background-color:var(--auth-cobalt);border-color:var(--auth-cobalt)}.vay-auth-form .vay-link{color:var(--auth-cobalt)!important;font-weight:700}.vay-auth-form .cmn--btn{background:var(--auth-coral)!important;border:0!important;border-radius:6px!important;box-shadow:0 13px 28px rgba(239,106,91,.22);color:#fff!important;font-size:15px!important;font-weight:800!important;min-height:54px;transition:.2s;width:100%}.vay-auth-form .cmn--btn:hover{background:#dd594b!important;box-shadow:0 17px 34px rgba(239,106,91,.3);transform:translateY(-2px)}.vay-auth-form .text-light{color:#566174!important;font-size:14px}.vay-auth-secure{align-items:center;border-top:1px solid #e3e8ef;color:#778395;display:flex;font-size:12px;gap:8px;margin-top:23px;padding-top:18px}.vay-auth-secure i{color:var(--auth-green)}
@keyframes authPanelIn{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@media(max-width:991px){.vay-auth-shell{padding:28px}.vay-auth-grid{gap:35px;grid-template-columns:1fr}.vay-auth-side{min-height:auto;padding:15px!important}.vay-auth-side h1{font-size:48px!important;margin-top:28px!important}.vay-auth-stats{margin-top:30px!important}.vay-auth-form{max-width:none}.vay-auth-shell:before{background:rgba(17,23,34,.84)}}@media(max-width:575px){html,body{max-width:100%;overflow-x:hidden}.vay-auth-shell{align-items:flex-start;box-sizing:border-box;max-width:100vw;padding:18px 12px;width:100vw}.vay-auth-card,.vay-auth-grid,.vay-auth-side,.vay-auth-form{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important}.vay-auth-grid{overflow:hidden}.vay-auth-side h1{font-size:36px!important;max-width:100%;overflow-wrap:anywhere}.vay-auth-side>div>p{font-size:16px!important;max-width:100%;overflow-wrap:anywhere}.vay-auth-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%;width:100%}.vay-auth-stat{min-width:0;padding:13px 8px!important}.vay-auth-stat strong{font-size:18px!important}.vay-auth-stat span{font-size:11px!important}.vay-auth-form{overflow:hidden;padding:27px 20px!important}.vay-auth-form h2{font-size:29px!important}.vay-auth-form form,.vay-auth-form .row,.vay-auth-form .row>[class*=col-],.vay-auth-input,.vay-auth-form .form-control{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important}.vay-auth-form .row{margin-left:0!important;margin-right:0!important}.vay-auth-form .row>[class*=col-]{padding-left:0!important;padding-right:0!important}}@media(prefers-reduced-motion:reduce){.vay-auth-form{animation:none}.vay-auth-form .cmn--btn,.vay-auth-back i{transition:none}}
@media(max-width:575px){.vay-auth-card,.vay-auth-grid{max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important}.vay-auth-side,.vay-auth-form{max-width:calc(100vw - 24px)!important}.vay-auth-side h1,.vay-auth-side p,.vay-auth-form h2{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}}
