.login-container{display:flex;align-items:flex-start;justify-content:flex-start;position:relative;overflow:hidden}.card-container{padding:0;background-color:white}.card-container,.card-corousel{position:relative;margin:0 auto;min-width:25rem;min-height:80vh}.card-corousel{padding-top:0;background-color:cyan}.card-content{padding:1rem;background-color:white}.card-content,.card-corousel-content{position:relative;border-radius:0;z-index:2}.card-corousel-content{background-color:cyan}.login-button{width:100%;background:linear-gradient(90deg,#06b6d4,#34d399);box-shadow:0 10px 15px rgba(0,0,0,.1);color:white;border-radius:.375rem;padding:.75rem;transition:all .3s ease;font-weight:700}.login-button:hover{background:linear-gradient(90deg,#34d399,#06b6d4)}.social-login-button{width:100%;height:3rem;display:flex;justify-content:center;align-items:center;background-color:white;border:1px solid #ddd;border-radius:.375rem;margin-top:1rem}.signup-link{color:#3b82f6;text-align:center;margin-top:1rem;font-size:.875rem}.login-card{max-width:100%;margin:0 auto;border:none;box-shadow:none}.error-message{color:#ef4444;margin-bottom:1rem}.gradient-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#06b6d4,#34d399);transform:skewY(-6deg);border-radius:1.5rem;z-index:1}@media (max-width:640px){.card-content{border-radius:1.5rem;padding:0 4rem}.gradient-bg{transform:skewY(0) rotate(-6deg);border-radius:1.5rem}.card-container{max-width:20rem;min-height:70vh}.login-container{padding-top:3rem;padding-bottom:3rem}}