@keyframes rg-pop{from{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:none}}
.rg-card{animation:rg-pop .6s cubic-bezier(.34,1.56,.64,1) backwards;border:1.5px solid var(--c-line-blue);box-shadow:0 24px 60px rgba(15,23,42,.18)}
.rg-card input,.rg-card select{border-color:#cbd5e1;border-radius:.75rem;background:#fff}
.rg-card input:focus,.rg-card select:focus{outline:none;border-color:#3a5fa8;box-shadow:0 0 0 2px #b6c6e6}
.rg-card button.from-green-500{background-image:none;background-color:#34569c}
.rg-card button .from-green-600{background-image:none;background-color:#2b4682}


/*10292026 start pat RegisterEnhanceCss*/
.rg-card .border-white.scale-110{color:#fff}
.rg-card svg{transition:color .2s}
.rg-card .relative:focus-within svg.text-gray-400{color:#34569c}
.rg-card button:not(.bk-dd-btn):active{transform:scale(.97)}
@keyframes rg-in{from{opacity:0}to{opacity:1}}
@keyframes rg-sl{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}
@keyframes rg-sr{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}}
@keyframes rg-sh{0%,100%{transform:none}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes rg-spin{to{transform:rotate(360deg)}}
.rg-card form [x-show^="step ="]{animation:rg-sl .35s ease-out}
.rg-card form.rg-back [x-show^="step ="]{animation-name:rg-sr}
.rg-card form [x-show^="step ="]>*{animation:rg-in .5s ease-out backwards}
.rg-card form [x-show^="step ="]>:nth-child(2){animation-delay:.06s}
.rg-card form [x-show^="step ="]>:nth-child(3){animation-delay:.12s}
.rg-card form [x-show^="step ="]>:nth-child(4){animation-delay:.18s}
.rg-card form [x-show^="step ="]>:nth-child(5){animation-delay:.24s}
.rg-card form [x-show^="step ="]>:nth-child(6){animation-delay:.3s}
.rg-card button.rg-shake{animation:rg-sh .4s}
.rg-card input.rg-bad{border-color:#ef4444;box-shadow:0 0 0 2px #fecaca}
.rg-card input.rg-ok{border-color:#22c55e}
.rg-msg{font-size:.8rem;color:#dc2626;margin-top:.25rem}
.rg-card button[type="submit"][disabled]{opacity:.85;cursor:wait}
.rg-card button[type="submit"][disabled] svg{display:none}
.rg-card button[type="submit"][disabled] span::after{content:"";display:inline-block;width:1rem;height:1rem;margin-left:.6rem;border:2px solid var(--c-line-white);border-top-color:transparent;border-radius:50%;animation:rg-spin .7s linear infinite;vertical-align:-2px}
@keyframes rg-foot{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rg-foot{display:inline-block;padding:.55rem 1.25rem;background:rgba(255,255,255,.85);border:1px solid #bfdbfe;border-radius:1.5rem;box-shadow:0 4px 14px rgba(15,23,42,.08);animation:rg-foot .5s ease-out .4s backwards}
.rg-link{position:relative;display:inline-block;color:var(--c-accent-tx);font-weight:600;text-decoration:none;border-radius:.25rem;transition:color .25s,transform .15s}
.rg-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#34569c,#2b4682);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.rg-link:hover{color:#2b4682}
.rg-link:hover::after{transform:scaleX(1)}

.rg-link:active{transform:scale(.96)}
.rg-link:focus-visible{outline:none;box-shadow:0 0 0 3px #bfdbfe}
@media (max-width:480px){.rg-foot{display:block;margin:0 .25rem;padding:.6rem .9rem;line-height:1.5}}
@media (prefers-reduced-motion:reduce){.rg-foot{animation:none}}
/*11102026 end pat RegisterEnhanceCss*/
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        .animate-float {
            animation: float 3s ease-in-out infinite;
        }
        .animation-delay-2000 {
            animation-delay: 2s;
        }
/*11042026 start pat RegMobile*/
@media (max-width:639px){
form input:not([type=checkbox]):not([type=radio]):not([type=file]),form select,form textarea{font-size:16px;min-height:2.5rem}
form .grid>*{min-width:0}
form .flex.justify-between{flex-wrap:wrap;gap:.75rem}
form .flex.justify-between>button{padding-left:1rem;padding-right:1rem;min-height:2.5rem}
}
/*11042026 end pat RegMobile*/
