/* New two-column login layout (Skote-like) */
.auth2-wrapper{display:flex;min-height:100vh;background:#f6f8ff}
.auth2-promo{flex:1 1 auto;position:relative;background:#e9eeff;display:flex;align-items:center;justify-content:center;padding:48px;overflow:hidden}
.auth2-promo:after{content:'';position:absolute;inset:0;background:rgba(126,142,255,.2)}
.auth2-slider{position:absolute;inset:0;z-index:0;overflow:hidden}
.auth2-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:auth2Fade 18s infinite}
.auth2-slider img:nth-child(1){animation-delay:0s}
.auth2-slider img:nth-child(2){animation-delay:6s}
.auth2-slider img:nth-child(3){animation-delay:12s}
@keyframes auth2Fade{0%{opacity:0}5%{opacity:.9}30%{opacity:.9}35%{opacity:0}100%{opacity:0}}
.auth2-panel{flex:0 0 430px;max-width:430px;background:#fff;box-shadow:-1px 0 0 rgba(16,24,40,.06);display:flex;align-items:stretch}
.panel-inner{padding:36px 32px;display:flex;flex-direction:column;gap:14px;width:100%}

/* Brand + headings */
.brand{display:flex;align-items:center;justify-content:flex-start;margin-bottom:6px}
.brand img{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.welcome{font-weight:700;font-size:20px;margin:0;text-align:left;color:#3f51b5}
.subtitle{margin:0 0 8px 0;color:#7a869a}

/* Form */
.panel-form .field{margin-bottom:16px}
.panel-form .field input{width:100%;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;font-size:.95rem}
.panel-form .field input:focus{outline:0;border-color:#a3b0ff;box-shadow:0 0 0 .15rem rgba(63,81,181,.15)}
.forgot{font-size:.85rem;color:#94a3b8;text-decoration:none}
.forgot:hover{color:#3f51b5}
.password-wrapper{position:relative}
.password-wrapper .toggle-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer}

.btn-login{display:block;width:100%;background:#5865f2;border:none;color:#fff;border-radius:6px;padding:10px 16px;font-weight:600;box-shadow:0 6px 16px rgba(88,101,242,.25)}
.btn-login:hover{filter:brightness(.96)}

.signin-with{margin:14px 0 6px 0;text-align:center;color:#7a869a;font-size:.9rem}
.socials{display:flex;justify-content:center;gap:12px}
.socials a{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.socials .fb{background:#3b5998}
.socials .tw{background:#1da1f2}
.socials .gg{background:#ea4335}
.copyright{margin-top:auto;text-align:center;color:#98a2b3;font-size:.85rem}
.heart{color:#ef4444}

/* Promo side shapes + testimonial */
.auth2-shapes{position:absolute;inset:0;z-index:1;pointer-events:none}
.auth2-shapes .shape{position:absolute;border-radius:9999px;opacity:.9;transform:rotate(30deg)}
.auth2-shapes .s1{background:#7b89f8;inline-size:320px;block-size:64px;top:40px;left:40px}
.auth2-shapes .s2{background:#7b89f8;inline-size:380px;block-size:64px;top:120px;left:160px}
.auth2-shapes .s3{background:#7b89f8;inline-size:300px;block-size:64px;top:220px;left:60px}
.auth2-shapes .s4{background:#39c0c8;inline-size:140px;block-size:64px;top:68px;left:420px}
.auth2-shapes .s5{background:#39c0c8;inline-size:140px;block-size:64px;top:260px;left:500px}

.auth2-testimonial{position:relative;z-index:2;max-width:720px;margin-top:240px;text-align:center;color:#384250}
.auth2-testimonial .quote-line{display:flex;align-items:center;justify-content:center;gap:8px;color:#6c7ae0;font-weight:700}
.auth2-testimonial .highlight{color:#5468ff}
.auth2-testimonial .quote{margin:16px auto 10px auto;max-width:640px;color:#52607a}
.auth2-testimonial .author{color:#5468ff;margin-top:8px}
.auth2-testimonial .author .name{font-weight:700;text-decoration:none}
.auth2-testimonial .role{color:#94a3b8}
.auth2-testimonial .dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.auth2-testimonial .dots span{width:8px;height:8px;border-radius:50%;background:#c7d2fe}
.auth2-testimonial .dots .active{background:#5468ff}

@media (max-width: 992px){
  .auth2-wrapper{flex-direction:column}
  .auth2-panel{flex:1 0 auto;max-width:none}
  .auth2-promo{min-height:40vh}
  .auth2-testimonial{margin-top:160px}
}