/* BinYonSis V8.1 login: same minimal style as registration, isolated to login. */
body.bys8-login-page{min-height:100dvh}
body.bys8-login-page .bys8-header{height:64px}
body.bys8-login-page .bys8-layout{min-height:calc(100dvh - 64px);display:grid;place-items:center;align-items:start;padding:clamp(24px,6vh,75px) 14px 35px}
body.bys8-login-page .bys8-content{width:min(100%,510px);max-width:510px;padding:clamp(24px,4vw,38px)}
body.bys8-login-page .bys8-content-inner{max-width:none}
body.bys8-login-page .bys8-login-title{margin:0 0 23px;font-size:clamp(24px,3vw,31px);line-height:1.22;font-weight:900;letter-spacing:-.048em;color:var(--r-main)}
body.bys8-login-page .bys8-login-form{display:grid;gap:0}
body.bys8-login-page .bys8-field{font-size:13px;font-weight:800;color:var(--r-main)}
body.bys8-login-page .bys8-field input,
body.bys8-login-page .bys8-password input{width:100%;height:53px;min-width:0;border:1px solid #cbd7e8;background:var(--r-input);color:var(--r-main);border-radius:13px;padding:12px 14px;font-size:15px;font-weight:520}
body.bys8-login-page .bys8-field input:focus,
body.bys8-login-page .bys8-password input:focus{outline:none;border-color:#6177e5;box-shadow:0 0 0 3px #667de52b}
body.bys8-login-page .bys8-field input::placeholder,
body.bys8-login-page .bys8-password input::placeholder{color:#72839c;opacity:1}
body.bys8-login-page .bys8-login-form>.bys8-field:nth-of-type(2){margin-top:17px;margin-bottom:7px}
body.bys8-login-page .bys8-password{display:block;position:relative}
body.bys8-login-page .bys8-password input{padding-right:99px}
body.bys8-login-page .bys8-password>button{position:absolute;right:7px;top:7px;bottom:7px;min-width:77px;min-height:39px;display:grid;place-items:center;border:1px solid var(--r-border);background:var(--r-soft);color:var(--r-main);font-weight:800;border-radius:10px;font-size:12px}
body.bys8-login-page .bys8-login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:53px;padding:12px 18px;margin-top:23px;border:1px solid #4a64e0;border-radius:13px;background:linear-gradient(110deg,#415fe0,#6666da);box-shadow:0 12px 24px #5269d43d;color:#fff;font-weight:850;font-size:14px;transition:filter .15s,box-shadow .15s}
body.bys8-login-page .bys8-login-submit:hover{filter:brightness(1.07);box-shadow:0 17px 31px #435bcd42}
body.bys8-login-page .bys8-login-submit:disabled{opacity:.72;cursor:wait}
body.bys8-login-page .bys8-login-signup{margin:23px 0 0;padding-top:18px;border-top:1px solid var(--r-border);text-align:center;color:var(--r-muted);font-size:12px}
body.bys8-login-page .bys8-login-signup a,
body.bys8-login-page .bys8-login-demo a{font-weight:860;color:#3d5bcb}
body.bys8-login-page .bys8-login-demo{margin:11px 0 0;text-align:center;font-size:12px;color:var(--r-muted)}
body.bys8-login-page .bys8-banner{margin-bottom:19px}
html[data-boot-theme="dark"] body.bys8-login-page .bys8-field input,
html[data-boot-theme="dark"] body.bys8-login-page .bys8-password input{border-color:#49607f;color:#f5f8ff}
html[data-boot-theme="dark"] body.bys8-login-page :is(.bys8-field input,.bys8-password input)::placeholder{color:#adbed9}
html[data-boot-theme="dark"] body.bys8-login-page .bys8-login-signup a,
html[data-boot-theme="dark"] body.bys8-login-page .bys8-login-demo a{color:#c4ceff}
@media(max-width:650px){
 body.bys8-login-page .bys8-header{height:60px}
 body.bys8-login-page .bys8-layout{min-height:calc(100dvh - 60px);display:block;padding:12px 10px 25px}
 body.bys8-login-page .bys8-content{width:100%;padding:22px 17px;border-radius:16px}
 body.bys8-login-page .bys8-login-title{font-size:25px;margin-bottom:20px}
 body.bys8-login-page .bys8-field input,
 body.bys8-login-page .bys8-password input{min-height:53px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 body.bys8-login-page .bys8-login-submit{transition:none}
}

/* V8.2 - FIX: shared registration CSS leaves a two-column grid template on
   .bys8-layout. Center login independently, not inside the former left column. */
html body.bys8-login-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;margin:0;overflow-x:clip;background:var(--r-bg)}
html body.bys8-login-page .bys8-header{flex:0 0 64px;width:100%;min-height:64px}
html body.bys8-login-page main.bys8-layout#authMain{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  flex:1 0 auto;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:calc(100dvh - 64px)!important;
  margin:0!important;
  padding:clamp(30px,6vh,78px) 16px clamp(34px,6vh,74px)!important;
  box-sizing:border-box;
  background:radial-gradient(circle at 16% 17%,#dce7ff52,transparent 34%),radial-gradient(circle at 83% 78%,#e6defe45,transparent 34%),var(--r-bg);
}
html body.bys8-login-page main.bys8-layout#authMain > section.bys8-content{
  display:block!important;
  position:relative;
  align-self:center!important;
  justify-self:center!important;
  flex:0 1 auto!important;
  width:min(100%,492px)!important;
  max-width:492px!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:clamp(25px,3vw,39px)!important;
  border:1px solid var(--r-border);
  border-radius:22px;
  box-shadow:0 25px 75px #172f5c1a,0 6px 23px #172f5c0a;
  background:var(--r-panel);
  box-sizing:border-box;
}
html body.bys8-login-page main.bys8-layout#authMain > section.bys8-content::before{
  content:"";position:absolute;top:0;left:35px;right:35px;height:3px;border-radius:0 0 12px 12px;
  background:linear-gradient(90deg,#4769e9,#8371dc);
}
html body.bys8-login-page .bys8-content-inner{width:100%;min-width:0;max-width:none!important;margin:0!important}
html body.bys8-login-page .bys8-login-title{margin:0 0 25px;font-size:clamp(26px,3vw,32px)}
html body.bys8-login-page .bys8-field input,
html body.bys8-login-page .bys8-password input{
  box-sizing:border-box;width:100%;min-width:0;background:var(--r-input);color:var(--r-main);
  border:1px solid #b9c9df;border-radius:13px;
}
html body.bys8-login-page .bys8-password>button{color:var(--r-main);background:var(--r-soft)}
html body.bys8-login-page .bys8-login-submit{margin-top:23px;min-height:55px}
html body.bys8-login-page .bys8-login-signup{margin-top:24px}
html[data-boot-theme="dark"] body.bys8-login-page main.bys8-layout#authMain{
  background:radial-gradient(circle at 16% 15%,#28457766,transparent 34%),radial-gradient(circle at 82% 78%,#40336857,transparent 35%),var(--r-bg);
}
html[data-boot-theme="dark"] body.bys8-login-page main.bys8-layout#authMain > section.bys8-content{
  box-shadow:0 22px 70px #04091665;border-color:#384d70;
}
html[data-boot-theme="dark"] body.bys8-login-page .bys8-field input,
html[data-boot-theme="dark"] body.bys8-login-page .bys8-password input{border-color:#5b7297;color:#f2f7ff}
@media(max-width:650px){
 html body.bys8-login-page .bys8-header{flex-basis:60px;min-height:60px}
 html body.bys8-login-page main.bys8-layout#authMain{
  justify-content:flex-start!important;
  min-height:calc(100dvh - 60px)!important;
  padding:clamp(13px,4vw,24px) 12px 32px!important;
  background:var(--r-bg);
 }
 html body.bys8-login-page main.bys8-layout#authMain > section.bys8-content{
  width:100%!important;
  max-width:492px!important;
  padding:22px 19px 26px!important;
  border-radius:17px;
  box-shadow:0 10px 27px #172f5c13;
 }
 html body.bys8-login-page main.bys8-layout#authMain > section.bys8-content::before{left:28px;right:28px}
 html body.bys8-login-page .bys8-login-title{margin-bottom:21px;font-size:26px}
}
@media(max-width:370px){
 html body.bys8-login-page main.bys8-layout#authMain{padding-inline:10px!important}
 html body.bys8-login-page main.bys8-layout#authMain > section.bys8-content{padding:19px 15px 23px!important}
}