/* ATAJOS V6.9.1 · LOGIN APP + AUTH CARD REFINEMENT */
:root{
  --v691-primary:#0b56c9;
  --v691-primary-dark:#073d97;
  --v691-accent:#10b8d4;
  --v691-ink:#10233f;
  --v691-muted:#667892;
  --v691-line:#dce6f2;
  --v691-soft:#f6f9fd;
  --v691-card:#fff;
}

/* Desktop: cleaner, less decorative and more product-like */
.v69-auth-page{
  background:
    radial-gradient(circle at 82% 14%,rgba(16,184,212,.18),transparent 28%),
    radial-gradient(circle at 10% 86%,rgba(33,112,224,.14),transparent 28%),
    linear-gradient(145deg,#06183e 0%,#082f72 58%,#0759ac 100%)!important;
}
.v69-auth-card{
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 30px 80px rgba(2,24,58,.24)!important;
}
.v69-auth-card:before{height:3px!important;background:linear-gradient(90deg,var(--v691-primary),var(--v691-accent))!important}
.v69-primary{
  background:var(--v691-primary)!important;
  border:1px solid rgba(5,55,136,.18)!important;
  box-shadow:0 10px 22px rgba(11,86,201,.22)!important;
  border-radius:15px!important;
  letter-spacing:-.01em;
}
.v69-primary:hover{background:#094fbb!important;box-shadow:0 13px 26px rgba(11,86,201,.26)!important}
.v69-primary:focus-visible{outline:3px solid rgba(16,184,212,.28)!important;outline-offset:3px}

@media(max-width:760px){
  html,body.auth-body{background:#f3f7fc!important}
  body.auth-body{min-height:100dvh!important}
  .v69-auth-page{
    min-height:100dvh!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:calc(24px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 88% 2%,rgba(35,205,225,.22),transparent 23%),
      linear-gradient(180deg,#06215a 0 178px,#f3f7fc 178px 100%)!important;
    overflow-x:hidden!important;
  }
  .v69-auth-page:before,.v69-auth-page:after{display:none!important}
  .v69-auth-frame{display:block!important;width:100%!important;max-width:440px!important;padding:0!important;margin:0 auto!important}
  .v69-auth-story{display:none!important}
  .v69-auth-card{
    width:100%!important;
    max-width:440px!important;
    margin:38px auto 0!important;
    padding:25px 20px 22px!important;
    border-radius:28px!important;
    background:#fff!important;
    border:1px solid #e5edf6!important;
    box-shadow:0 22px 55px rgba(4,35,81,.17)!important;
    overflow:visible!important;
  }
  .v69-auth-card:before{
    top:-1px!important;left:34px!important;right:34px!important;height:4px!important;
    border-radius:0 0 99px 99px!important;
  }
  .v69-card-logo{
    width:min(178px,62%)!important;
    max-height:58px!important;
    margin:0 auto 20px!important;
  }
  .v69-auth-head{text-align:left!important;margin-bottom:24px!important}
  .v69-auth-head .v69-auth-kicker{
    font-size:10px!important;
    padding:7px 10px!important;
    letter-spacing:.09em!important;
    background:#edf5ff!important;
    border-color:#dbeaff!important;
    color:#0a5dc5!important;
  }
  .v69-auth-head h2{
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    margin:12px 0 8px!important;
    color:var(--v691-ink)!important;
  }
  .v69-auth-head p{font-size:15px!important;line-height:1.5!important;color:var(--v691-muted)!important}
  .v69-field{gap:8px!important;margin-bottom:17px!important}
  .v69-field>label,.v69-label-row label{font-size:14px!important;font-weight:800!important;color:#324b6a!important}
  .v69-label-row{margin-bottom:8px!important}.v69-label-row a{font-size:13.5px!important;color:var(--v691-primary)!important}
  .v69-input{
    min-height:58px!important;
    border-radius:16px!important;
    padding:0 13px!important;
    gap:8px!important;
    background:#f8fbfe!important;
    border:1.5px solid #dce7f2!important;
    box-shadow:none!important;
  }
  .v69-input:focus-within{
    transform:none!important;
    border-color:#65a2e8!important;
    background:#fff!important;
    box-shadow:0 0 0 4px rgba(11,86,201,.08)!important;
  }
  .v69-input .v69-icon{font-size:19px!important;width:25px!important}
  .v69-input input{font-size:16px!important;font-weight:650!important}
  .v69-eye{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;background:#edf3f9!important}
  .v69-primary{
    min-height:56px!important;
    border-radius:15px!important;
    font-size:16px!important;
    font-weight:850!important;
    margin-top:2px!important;
    background:var(--v691-primary)!important;
    box-shadow:0 10px 22px rgba(11,86,201,.20)!important;
  }
  .v69-primary:active{transform:scale(.99)!important;background:var(--v691-primary-dark)!important}
  .v69-secure{margin-top:15px!important;font-size:12px!important;color:#718197!important}
  .v69-support{min-height:40px!important;font-size:13px!important}
  .v69-legal{font-size:11.5px!important;line-height:1.5!important;padding-top:15px!important;margin-top:14px!important}
  .v69-note{border-radius:14px!important;font-size:12px!important;padding:13px!important}
  .v69-back{font-size:13.5px!important;margin-bottom:16px!important}

  /* 2FA stays app-like and compact */
  .v69-otp-visual{width:68px!important;height:68px!important;border-radius:21px!important;font-size:31px!important;margin:0 auto 16px!important}
  .v69-otp-grid{gap:6px!important;margin:7px 0 15px!important}
  .v69-otp-digit{height:54px!important;border-radius:13px!important;font-size:22px!important;background:#f8fbfe!important}
  .v69-otp-help{border-radius:13px!important;font-size:12px!important;margin-bottom:15px!important}
}

@media(max-width:390px){
  .v69-auth-page{padding-left:10px!important;padding-right:10px!important;background:linear-gradient(180deg,#06215a 0 154px,#f3f7fc 154px 100%)!important}
  .v69-auth-card{margin-top:28px!important;padding:23px 17px 20px!important;border-radius:25px!important}
  .v69-card-logo{width:min(164px,64%)!important;margin-bottom:18px!important}
  .v69-auth-head h2{font-size:27px!important}.v69-auth-head p{font-size:14.5px!important}
  .v69-input{min-height:56px!important}.v69-primary{min-height:54px!important}
  .v69-otp-digit{height:50px!important;font-size:21px!important}
}