/* Brand login layout - source images are the client-provided PC/Mobile references. */
body.auth-page{background:#153e39;min-height:100vh;min-height:100svh;justify-content:center;align-items:flex-start;padding:30px max(24px,8.55vw)}
.auth-media{background:#214944}
.auth-media::before{content:"";position:absolute;inset:0;background-image:url('/assets/animation-desktop-poster.jpg');background-size:cover;background-position:center;opacity:.85}
.auth-background-video{object-fit:contain !important;object-position:center center !important;width:100%;height:100%;transform:none !important;filter:none !important;z-index:1}
.auth-media-overlay{z-index:2;background:linear-gradient(90deg,rgba(5,46,40,.08),rgba(4,47,41,0) 65%)}
.wrap{width:min(448px,100%);max-width:100%}
.card{border-radius:20px;padding:23px 31px 25px;background:rgba(232,246,241,.945);border:1px solid rgba(255,255,255,.50);box-shadow:0 18px 54px rgba(0,41,39,.26);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.card .brand{gap:2px}
.card .brand-icon{display:block;width:45px;height:40px;background:url('/assets/be-login-emblem.png') center / contain no-repeat;font-size:0;line-height:0;color:transparent;text-shadow:none}
.card .brand-name{font-family:Georgia,'Times New Roman',serif;line-height:1.03;font-size:12px;letter-spacing:.045em}
.card .eyebrow{font-size:10px;letter-spacing:.19em;margin-top:18px;margin-bottom:7px;font-weight:700;color:#ad8350}
.card h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,3.7vw,43px);font-weight:600;line-height:1.1;letter-spacing:-.035em;margin:0 0 7px;text-align:center;color:#073e37}
.card .intro{text-align:center;font-size:13px;margin-bottom:18px;color:#476b63}
.card label{font-size:12px;margin:13px 2px 7px;color:#294c47}
.card input{min-height:43px;height:43px;border-radius:999px;padding-inline:18px;border-color:#e7eeea}
.card input:focus{border-color:#118279;box-shadow:0 0 0 3px #13887e24}
.card .password-wrap input{padding-right:66px}
.card .password-toggle{border-radius:50%;height:30px;min-height:30px;min-width:42px;right:9px;background:#f2faf8;color:#087d70}
.card .submit{border-radius:999px;min-height:49px;margin-top:18px;background:linear-gradient(180deg,#079c90,#006257);box-shadow:0 8px 18px #02635630;font-size:15px}
.card .bottom{margin:18px 0 0;font-size:12px}
.foot{font-size:10px;line-height:1.4;letter-spacing:.14em;margin-top:16px}
@media(min-width:768px) and (max-height:760px){.card{padding-top:17px;padding-bottom:19px}.card .eyebrow{margin-top:12px}.card .intro{margin-bottom:11px}.card label{margin-top:10px}.foot{margin-top:13px}}
@media(max-width:767px){
 body.auth-page{align-items:center;justify-content:flex-end;padding:24px 14px clamp(43px,10svh,125px)}
 .auth-media::before{background-image:url('/assets/animation-mobile-poster.jpg');background-position:center center}
 .auth-media-overlay{background:linear-gradient(180deg,transparent 0%,rgba(2,43,41,.03) 60%,rgba(4,45,42,.15))}
 .wrap{width:min(420px,83vw);margin:0 auto}
 .card{border-radius:18px;padding:23px clamp(18px,4.2vw,28px) 22px}
 .card .brand-icon{width:47px;height:42px}
 .card .brand-name{font-size:13px}
 .card .eyebrow{margin:16px 0 6px}
 .card h1{font-size:clamp(32px,8.8vw,43px)}
 .card .intro{font-size:13px;margin-bottom:17px}
 .card label{font-size:12px;margin:12px 2px 7px}
 .card input{height:44px;min-height:44px}
 .card .submit{height:48px;min-height:48px;margin-top:17px}
 .card .bottom{margin-top:16px}
 .foot{font-size:9px;letter-spacing:.13em;margin-top:clamp(14px,5svh,50px)}
 .registration-page .wrap{width:min(440px,90vw)}
 .registration-page .card{padding:17px 20px}
 .registration-page .card .eyebrow{margin-top:8px}
 .registration-page .card .intro{margin-bottom:8px}
 .registration-page .card label{margin:8px 2px 4px}
 .registration-page .card input{height:41px;min-height:41px}
 .registration-page .card .submit{margin-top:12px}
}
@media(max-width:360px){.wrap{width:89vw}.card{padding:17px 16px}.card h1{font-size:30px}.foot{font-size:8px}.card .intro{margin-bottom:12px}}
@media(max-height:645px) and (max-width:767px){body.auth-page{justify-content:flex-start;padding-top:20px;padding-bottom:20px}.wrap{width:min(440px,90vw)}.foot{margin-top:14px}}