*{box-sizing:border-box}.gradient-bg{background:linear-gradient(to bottom right,#60a5fa,#3b82f6,#9333ea);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.logo-img{height:160px;width:auto;max-width:250px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.max-w-\[500px\]{max-width:500px;width:100%}.w-\[380px\]{width:380px;max-width:100%}@media (max-width:480px){.w-\[380px\]{width:90vw;max-width:380px}.max-w-\[500px\]{width:95vw;max-width:500px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-5>*+*{margin-top:1.25rem}.w-full{width:100%}.h-5{height:1.25rem}.w-5{width:1.25rem}.w-4{width:1rem}.h-4{height:1rem}.max-w-\[430px\]{max-width:430px}.h-\[200px\]{height:200px}.w-auto{width:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[-100px\]{margin-top:-100px}.mb-\[20px\]{margin-bottom:20px}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.pt-8{padding-top:2rem}.pb-6{padding-bottom:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pb-8{padding-bottom:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.relative{position:relative}.absolute{position:absolute}.right-3{right:.75rem}.top-1\/2{top:50%}.transform{transform:var(--tw-transform)}.-translate-y-1\/2{transform:translateY(-50%)}.bottom-6{bottom:1.5rem}.left-0{left:0}.right-0{right:0}.bg-white{background-color:#fff}.bg-red-50{background-color:#fef2f2}.border-red-500{border-color:#ef4444}.border-l-4{border-left-width:4px}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-gray-900{color:#111827}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-red-500{color:#ef4444}.text-red-800{color:#991b1b}.text-blue-600{color:#2563eb}.text-white{color:#fff}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-gray-400{color:#9ca3af}.block{display:block}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.input-field{width:100%;padding:0 1rem}.captcha-input,.input-field{height:2rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .3s ease}.captcha-input{width:220px;padding:0 .75rem}.captcha-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.captcha-img{width:70px;height:40px;border-radius:.25rem;border:1px solid #e5e7eb}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.pr-10{padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .2s}.password-toggle:hover{color:#4b5563}.checkbox-field{width:1rem;height:1rem;color:#2563eb;border:1px solid #d1d5db;border-radius:.25rem}.checkbox-field:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.btn-primary{width:100%;height:2rem;background-color:#3b82f6;color:#fff;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;margin-top:.75rem;display:flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:#2563eb;transform:scale(1.02);box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.btn-reset{padding:.5rem 1.25rem;height:auto;min-height:2rem;background-color:#3b82f6;color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-reset:hover:not(:disabled){background-color:#2563eb;transform:scale(1.02);box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.btn-reset:disabled{opacity:.6;cursor:not-allowed}.link-text{color:#2563eb;text-decoration:none;transition:color .2s;white-space:nowrap}.link-text:hover{color:#1d4ed8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-animation{animation:fadeIn 1s ease-out .5s forwards;opacity:0}.card-animation{animation:fadeIn .8s ease-out;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 5px 10px -5px rgba(0,0,0,.04);border:1px solid hsla(0,0%,100%,.2)}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.card-error{animation:shake .4s ease-in-out!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-message-animation{animation:slideDown .3s ease-out forwards;padding:.75rem;font-size:.875rem;border-radius:.375rem;max-width:400px;margin:0 auto;min-height:40px;height:60px;min-width:280px;display:flex;align-items:center}.error-message-container{position:absolute;top:-60px;left:0;right:0;z-index:10}