.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:white}.login-gradient{position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(239,246,255,.5),white,rgba(238,242,255,.5))}.login-orb{position:absolute;border-radius:9999px;mix-blend-mode:multiply;filter:blur(24px);opacity:.3;animation:blob 10s infinite}.login-orb-1{top:25%;left:25%;width:18rem;height:18rem;background-color:rgb(219,234,254)}.login-orb-2{top:33%;right:25%;width:18rem;height:18rem;background-color:rgb(224,231,255);animation-delay:2s}.login-orb-3{bottom:25%;left:33%;width:18rem;height:18rem;background-color:rgb(243,232,255);animation-delay:4s}.login-card{position:relative;width:100%;max-width:28rem;padding:3rem 1.5rem}.login-card-inner{backdrop-filter:blur(16px);background-color:rgba(255,255,255,.8);border-radius:1rem;box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);padding:2rem;border:1px solid rgb(243,244,246)}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:2.25rem;font-weight:700;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(90deg,rgb(37,99,235),rgb(79,70,229));margin-bottom:.5rem}.login-subtitle{color:rgb(75,85,99);font-size:.875rem}.login-form{gap:1.5rem}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:1rem}.login-input{width:100%;padding:.75rem 1rem;background-color:rgba(255,255,255,.5);border:1px solid rgb(229,231,235);border-radius:.5rem;color:rgb(55,65,81);transition:all .2s}.login-input:focus{outline:none;border-color:rgb(96,165,250);box-shadow:0 0 0 2px rgba(96,165,250,.2)}.login-input::placeholder{color:rgb(156,163,175)}.login-error{margin-top:.25rem}.login-error,.login-error-container{font-size:.875rem;color:rgb(239,68,68)}.login-error-container{text-align:center;background-color:rgb(254,242,242);padding:.75rem;border-radius:.5rem}.login-button{width:100%;padding:.75rem 1rem;background-image:linear-gradient(90deg,rgb(59,130,246),rgb(79,70,229));color:white;border-radius:.5rem;font-weight:500;position:relative;overflow:hidden;transition:all .2s}.login-button:hover{background-image:linear-gradient(90deg,rgb(37,99,235),rgb(67,56,202))}.login-button:focus{outline:none;box-shadow:0 0 0 2px rgb(96,165,250),0 0 0 4px white}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-button-gradient{position:absolute;inset:0;background-image:linear-gradient(90deg,rgb(79,70,229),rgb(59,130,246));opacity:0;transition:opacity .2s}.login-button:hover .login-button-gradient{opacity:1}.login-button-text{position:relative;z-index:10}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}to{transform:translate(0) scale(1)}}