/* AKUN Customer: one glass card that switches Login <-> Daftar (corner tiles merge + gold orb). Forms and their IDs are unchanged. */
.auth-grid.fx-auth{display:block;position:relative;max-width:430px;width:100%;margin:0 auto!important}
#customerAuthLoggedIn.account-card{margin-left:auto!important;margin-right:auto!important}
.fx-auth-card{position:relative;--n:56px;background:rgba(10,20,34,.62);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);
clip-path:polygon(var(--n) 0,100% 0,100% calc(100% - var(--n)),calc(100% - var(--n)) 100%,0 100%,0 var(--n));transition:height .55s cubic-bezier(.65,0,.25,1)}
.fx-auth-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,rgba(245,223,170,.14),transparent 35%,transparent 70%,rgba(245,223,170,.08));
box-shadow:inset 0 0 0 1px rgba(213,183,132,.35)}
.fx-auth-card .auth-card{background:none!important;border:0!important;box-shadow:none!important;transition:opacity .38s,filter .38s,transform .45s cubic-bezier(.65,0,.25,1)}
.fx-auth-card .auth-card::before{display:none}
.fx-auth-card .auth-card.fx-hide{display:none}
.fx-auth.fx-morph .auth-card{opacity:0;filter:blur(12px);transform:translateY(6px) scale(.98)}
.fx-auth .auth-card.fx-enter{animation:fxAuthRise .55s cubic-bezier(.2,.7,.2,1)}
@keyframes fxAuthRise{from{opacity:0;filter:blur(10px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}
.fx-auth .auth-card>.eyebrow,.fx-auth .auth-card>h2{margin-left:40px}
.fx-tile{position:absolute;width:56px;height:56px;z-index:5;pointer-events:none;transition:transform .7s cubic-bezier(.65,0,.25,1),filter .4s}
.fx-tile svg{width:100%;height:100%;overflow:visible}
.fx-tile path{fill:rgba(245,223,170,.10);stroke:rgba(245,223,170,.5);stroke-width:1.2;stroke-linejoin:round}
.fx-tile.tl{left:-5px;top:-5px}.fx-tile.br{right:-5px;bottom:-5px}
.fx-auth.fx-morph .fx-tile{filter:drop-shadow(0 0 10px rgba(230,188,105,.45))}
.fx-orb{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px;border-radius:50%;z-index:6;pointer-events:none;opacity:0;
background:radial-gradient(circle,#fffbe8 0,#f5dfaa 30%,#e6bc69 55%,rgba(230,188,105,0) 72%);box-shadow:0 0 40px 12px rgba(230,188,105,.45)}
.fx-orb::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(245,223,170,.8);opacity:0}
.fx-orb.go{animation:fxOrb 1s cubic-bezier(.4,0,.2,1) forwards}
.fx-orb.go::after{animation:fxRing 1s ease-out .35s forwards}
@keyframes fxOrb{0%{opacity:0;transform:translate(var(--x0),var(--y0)) scale(.4)}25%{opacity:1}60%{opacity:1;transform:translate(var(--x1),var(--y1)) scale(1.3)}100%{opacity:0;transform:translate(var(--x1),var(--y1)) scale(2.2)}}
@keyframes fxRing{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(4)}}
.fx-switch{text-align:center;font-size:12px;color:var(--muted,#9aa3b2);margin:4px 0 0}
.fx-switch button{background:none;border:0;padding:0;color:var(--gold,#e6bc69);font-weight:700;cursor:pointer;font-size:12px}
.fx-auth .auth-card .button.primary{animation:fxGlow 2.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.fx-auth *{animation:none!important;transition:none!important}}