*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{background:#020914;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}

.page{width:100vw;height:100vh;display:flex;background:#020914}

.brand{width:52.6%;height:100vh;overflow:hidden;flex-shrink:0}
.brand-image{width:100%;height:100%;display:block;object-fit:fill}

.login-side{
    width:47.4%;height:100vh;
    display:flex;align-items:center;justify-content:center;
    background:#020914;
    padding:0 3.8vw 0 2vw;
}

.login-card{
    width:100%;
    max-width:670px;
    height:84.0vh;
    min-height:0;
    padding:5.6vh 3vw 3.2vh;
    border:1px solid rgba(150,169,200,.34);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(7,18,32,.96),rgba(2,11,22,.98));
    box-shadow:0 20px 55px rgba(0,0,0,.35);
}

.welcome{text-align:center}
.welcome h1{margin:0;font-size:clamp(28px,2.05vw,35px);line-height:1.15;font-weight:700}
.welcome h1 span{color:#0785ff}
.welcome p{margin:16px 0 0;color:#e2e4e9;font-size:clamp(16px,1.18vw,21px)}

.tabs{height:54px;margin-top:7vh;display:flex;border-bottom:1px solid rgba(141,159,188,.28)}
.tab{position:relative;width:50%;height:54px;border:0;background:transparent;color:#f0f1f4;font-size:clamp(13px,1.02vw,17px);cursor:pointer}
.tab.active{color:#0785ff}
.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#0b9cff}

.field{width:100%;height:76px;margin-top:34px;display:flex;align-items:center;position:relative;border:1px solid rgba(128,149,181,.40);border-radius:7px;background:rgba(9,20,35,.62)}
.password-field{margin-top:18px}
.field:focus-within{border-color:#078cff}
.icon{width:54px;min-width:54px;display:flex;justify-content:center}
.icon svg{width:27px;height:27px;fill:none;stroke:#0788ff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.field input{width:100%;height:100%;padding:0 20px 0 3px;border:0;outline:0;background:transparent;color:#f0f2f6;font-size:clamp(16px,1.08vw,19px)}
.field input::placeholder{color:#d5d7dc}

.eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:0;padding:0;background:transparent}
.eye svg{width:27px;height:27px;fill:none;stroke:#e6e8ec;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.forgot{height:57px;display:flex;align-items:center;justify-content:flex-end}
.forgot button{border:0;padding:0;background:transparent;color:#0788ff;font-size:clamp(14px,1vw,18px);cursor:pointer}

.sign-in{width:100%;height:73px;border:1px solid #078cff;border-radius:7px;background:linear-gradient(180deg,#078dff,#0867d1);color:#fff;font-size:clamp(17px,1.1vw,21px);cursor:pointer}

.or{width:100%;margin:28px 0;display:flex;align-items:center;gap:17px}
.or span{height:1px;flex:1;background:rgba(130,149,176,.28)}
.or b{color:#d9dbe0;font-size:15px;font-weight:400}

.agent-signup{width:100%;height:66px;display:flex;align-items:center;justify-content:center;gap:23px;border:1px solid #078cff;border-radius:7px;background:rgba(2,14,28,.42);color:#f3f4f7;font-size:clamp(15px,1.05vw,20px);cursor:pointer}
.agent-icon svg{width:30px;height:30px;fill:none;stroke:#078cff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.toast{position:fixed;left:50%;bottom:24px;padding:11px 17px;transform:translate(-50%,20px);opacity:0;border:1px solid #078cff;border-radius:7px;background:#071b32;transition:.25s}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){
body{overflow:auto}
.page{display:block;height:auto}
.brand{display:none}
.login-side{width:100%;min-height:100vh;height:auto;padding:20px}
.login-card{height:auto;min-height:calc(100vh - 40px);padding:50px 30px}
}
.ST01{
	COLOR: #ffffff; FONT-FAMILY: Calibri; FONT-SIZE: 18px; FONT-WEIGHT:none; TEXT-DECORATION: none
}