/* ATAJOS V6.6 · AUTH EXPERIENCE */
:root{
  --v66-navy:#061942;--v66-navy-2:#082b68;--v66-blue:#1268e8;--v66-cyan:#09bdd8;
  --v66-ink:#0a234d;--v66-muted:#7286a4;--v66-line:#dce7f4;--v66-soft:#f5f9ff;
}
body.auth-body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh;background:#061942!important;color:var(--v66-ink);overflow-x:hidden}
body.auth-body:before{background:
 radial-gradient(circle at 86% 19%,rgba(8,190,216,.28),transparent 23%),
 radial-gradient(circle at 18% 78%,rgba(25,105,235,.22),transparent 28%),
 linear-gradient(135deg,#041331 0%,#062057 48%,#083b82 100%)!important}
body.auth-body:after{height:320px!important;bottom:-90px!important;opacity:.75;animation:v66WaveFloat 12s ease-in-out infinite alternate}
.auth-orb{display:block!important;width:430px!important;height:430px!important;filter:blur(4px);opacity:.28!important;animation:v66Orb 11s ease-in-out infinite alternate!important}
.orb-a{background:radial-gradient(circle,#12bdda 0%,rgba(16,151,236,.22) 45%,transparent 70%)!important}.orb-b{background:radial-gradient(circle,#1d6fe9 0%,rgba(26,97,215,.18) 45%,transparent 70%)!important;animation-delay:-5s!important}
@keyframes v66Orb{to{transform:translate3d(38px,-26px,0) scale(1.08)}}
@keyframes v66WaveFloat{to{transform:translateY(-20px) rotate(-2deg)}}
@keyframes v66Rise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes v66Slide{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes v66Pulse{0%,100%{box-shadow:0 0 0 0 rgba(11,188,216,.25)}50%{box-shadow:0 0 0 10px rgba(11,188,216,0)}}
@keyframes v66Shine{0%{transform:translateX(-140%) skewX(-25deg)}100%{transform:translateX(240%) skewX(-25deg)}}

/* LOGIN */
.auth-shell-v6{max-width:1680px!important;grid-template-columns:minmax(430px,.88fr) minmax(560px,1.12fr)!important}
.auth-visual-v6{position:relative;animation:v66Slide .7s ease both!important}.auth-visual-v6:before{content:"";position:absolute;width:360px;height:360px;right:-40px;bottom:11%;border:1px solid rgba(126,218,255,.14);border-radius:48% 52% 56% 44%;transform:rotate(18deg);box-shadow:0 0 0 30px rgba(56,150,255,.03),0 0 0 70px rgba(20,190,218,.025);animation:v66Orb 9s ease-in-out infinite alternate}
.auth-copy{position:relative;z-index:1}.auth-copy .auth-visual-mark{animation:v66Pulse 3s ease-in-out infinite}
.auth-copy h1{max-width:610px}.feature-pills{display:flex!important;flex-wrap:wrap}.feature-pills span{transition:.22s ease}.feature-pills span:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)!important}
.auth-visual-security{transition:.25s ease}.auth-visual-security:hover{transform:translateY(-3px);border-color:rgba(105,220,255,.36)}
.auth-card-wrap-v6{position:relative}.auth-card-wrap-v6:before{content:"";position:absolute;width:68%;height:74%;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);transform:rotate(-3deg);pointer-events:none}
.auth-card-v6,.auth-card-v63,.auth-reset-card,.auth-flow-card{animation:v66Rise .62s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 35px 95px rgba(0,15,48,.35),0 1px 0 rgba(255,255,255,.95) inset!important}
.auth-card-v6{position:relative;overflow:hidden}.auth-card-v6:after,.auth-flow-card:after{content:"";position:absolute;inset:-80% auto auto -40%;width:32%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-25deg);pointer-events:none;animation:v66Shine 7s ease-in-out infinite 1.4s}
.auth-card-v6 .desktop-login-logo{width:min(300px,76%)!important;margin-bottom:22px!important}.auth-heading h2{font-size:clamp(27px,2.2vw,34px)!important}.auth-heading p{font-size:12.5px!important}.auth-input-wrap{transition:border-color .2s,box-shadow .2s,transform .2s!important}.auth-input-wrap:focus-within{transform:translateY(-1px)}
.auth-submit,.auth-primary{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease!important}.auth-submit:hover,.auth-primary:hover{transform:translateY(-2px)!important;box-shadow:0 18px 35px rgba(9,99,211,.25)!important}.auth-submit:active,.auth-primary:active{transform:translateY(0)!important}

/* Unified auth flow screens: activation, reset, recovery */
.auth-flow-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);max-width:1680px;margin:auto;position:relative}
.auth-flow-visual{padding:clamp(46px,6vw,92px);display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;animation:v66Slide .65s ease both}
.auth-flow-visual:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-100px;top:18%;background:radial-gradient(circle,rgba(13,194,221,.22),transparent 68%)}
.auth-flow-visual:after{content:"";position:absolute;width:520px;height:180px;left:-80px;bottom:6%;border-top:1px solid rgba(99,200,255,.18);border-radius:50%;transform:rotate(-7deg);box-shadow:0 -24px 0 rgba(37,135,235,.04),0 -48px 0 rgba(12,189,218,.025)}
.auth-flow-copy{max-width:480px;position:relative;z-index:1}.auth-flow-copy img{width:min(270px,72%);max-height:78px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:32px}.auth-flow-copy .flow-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#1476ed,#0b47b9 68%,#0cbfd7);font-size:29px;box-shadow:0 17px 35px rgba(0,10,40,.25);margin-bottom:24px;animation:v66Pulse 3s infinite}.auth-flow-copy h1{font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0 0 16px}.auth-flow-copy h1 span{color:#7ceeff}.auth-flow-copy p{color:#c2d4ee;font-size:14px;line-height:1.7;max-width:460px}.auth-flow-benefits{display:grid;gap:10px;margin-top:25px}.auth-flow-benefits span{display:flex;gap:10px;align-items:center;color:#dbeaff;font-size:11.5px}.auth-flow-benefits i{font-style:normal;width:28px;height:28px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);display:grid;place-items:center;border-radius:9px}
.auth-flow-stage{display:grid;place-items:center;padding:42px clamp(22px,5vw,72px);position:relative}.auth-flow-stage:before{content:"";position:absolute;width:75%;height:76%;border-radius:48px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);transform:rotate(2deg)}
.auth-flow-card{width:min(100%,610px);background:rgba(255,255,255,.988);border:1px solid rgba(255,255,255,.82);border-radius:30px;padding:38px 42px 34px;position:relative;z-index:1;overflow:hidden}.auth-flow-card .flow-card-logo{width:min(265px,67%);max-height:72px;display:block;object-fit:contain;margin:0 auto 20px}.auth-flow-card .auth-heading{margin-bottom:25px!important}.auth-flow-card .auth-heading h2{margin-top:10px!important}.auth-flow-card label{font-size:10.5px;font-weight:850;color:#425a78;display:block;margin:0 0 7px}.auth-flow-card .auth-input-wrap{height:54px;border:1px solid var(--v66-line);border-radius:15px;background:#fbfdff;margin:0 0 15px;display:flex;align-items:center;padding:0 13px;box-shadow:inset 0 1px 2px rgba(8,36,78,.02)}.auth-flow-card .auth-input-wrap input{border:0!important;background:transparent!important;box-shadow:none!important;width:100%;height:100%;padding:0 10px!important;font-size:13px;color:var(--v66-ink);outline:0}.auth-flow-card .auth-input-wrap:focus-within{border-color:#68a7f4;box-shadow:0 0 0 4px rgba(22,110,230,.09)}.auth-flow-card .auth-field-icon{font-size:17px}.auth-flow-card .auth-eye-btn{border:0;background:transparent;color:#4c6380;font-weight:800;cursor:pointer}.auth-flow-card .btn-primary,.auth-flow-card .auth-primary{width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(105deg,#0a399a,#0d6fe0 63%,#08b9d6);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 13px 26px rgba(8,93,203,.18)}
.auth-flow-note{display:flex;gap:10px;align-items:flex-start;background:#f2f8ff;border:1px solid #dbeafd;border-radius:14px;padding:12px 13px;color:#607896;font-size:10.5px;line-height:1.5;margin-top:16px}.auth-flow-note strong{color:#18385f}.auth-back-modern{display:inline-flex;align-items:center;gap:7px;color:#0b63d4;text-decoration:none;font-size:10.5px;font-weight:850;margin-bottom:14px}.auth-back-modern span{width:26px;height:26px;border:1px solid #dbe7f3;border-radius:50%;display:grid;place-items:center;background:#fff}
.password-strength{margin:-5px 0 15px}.password-strength-track{height:5px;background:#e9eff7;border-radius:99px;overflow:hidden}.password-strength-bar{height:100%;width:0;background:#d94a5c;border-radius:99px;transition:.25s ease}.password-strength[data-level="2"] .password-strength-bar{width:34%;background:#e99528}.password-strength[data-level="3"] .password-strength-bar{width:67%;background:#2ba7d5}.password-strength[data-level="4"] .password-strength-bar{width:100%;background:#16a66a}.password-strength small{display:block;margin-top:6px;color:#8494a9;font-size:9px}
.auth-success-chip{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;background:#ecfbf5;color:#118759;font-size:9px;font-weight:900}

/* 2FA polished */
.auth-shell.single.v63-verify-shell{padding:30px 18px!important}.auth-card.v63-verify-card{border-radius:32px!important;overflow:hidden!important}.v63-verify-card:after{content:"";position:absolute;inset:-120px -120px auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(8,189,216,.12),transparent 66%);pointer-events:none}.v63-security-visual{animation:v66Pulse 3.2s ease-in-out infinite}.v63-otp-digit{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important}.v63-otp-digit:focus{transform:translateY(-2px)}

/* Public policy */
.public-policy-card{width:min(960px,calc(100% - 34px))!important;margin:42px auto!important;background:rgba(255,255,255,.99)!important;border-radius:30px!important;padding:clamp(26px,4vw,52px)!important}.policy-head h1{font-size:clamp(27px,4vw,44px)!important;letter-spacing:-.035em;color:var(--v66-ink)}.policy-content{border:1px solid #e0e9f4;border-radius:18px;background:#fbfdff;padding:22px!important;line-height:1.75!important;color:#405873!important}

/* Modal */
.auth-modal-card{border-radius:26px!important;box-shadow:0 35px 100px rgba(0,17,51,.34)!important;animation:v66Rise .28s ease both!important}

@media(max-width:880px){
 .auth-flow-shell{grid-template-columns:1fr}.auth-flow-visual{display:none}.auth-flow-stage{min-height:100dvh;padding:24px 16px}.auth-flow-stage:before{display:none}.auth-flow-card{max-width:590px}
 .auth-shell-v6{grid-template-columns:1fr!important}.auth-visual-v6{display:none!important}
}
@media(max-width:760px){
 body.auth-body{background:#f4f8ff!important}.auth-orb{display:none!important}.auth-flow-stage{background:linear-gradient(180deg,#071e50 0,#08377d 27%,#f5f9ff 27.2%,#f5f9ff 100%);align-items:start;padding-top:calc(70px + env(safe-area-inset-top))}.auth-flow-card{width:calc(100% - 6px);padding:26px 20px 23px;border-radius:26px;margin-top:70px}.auth-flow-card .flow-card-logo{width:min(235px,72%)}
 .auth-card-wrap-v6:before{display:none}.auth-card-v6{animation:v66Rise .5s ease both}.auth-card-v6:after{display:none}.auth-card-v6 .desktop-login-logo{display:none!important}
 .v63-verify-card{padding:27px 18px 25px!important}.v63-verify-card h2{font-size:25px!important}.v63-otp-grid{gap:7px!important}.v63-otp-digit{height:52px!important;font-size:19px!important;border-radius:12px!important}
 .public-policy-card{margin:18px auto!important;width:calc(100% - 22px)!important;border-radius:24px!important}
}
@media(max-width:420px){.auth-flow-card{padding:23px 16px 20px}.v63-otp-grid{gap:5px!important}.v63-otp-digit{height:48px!important}.auth-card-v6{width:calc(100% - 16px)!important}.auth-flow-stage{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}