.login-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.login-background{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;padding:.5rem}.bg-image{background-size:cover;background-position:50%;border-radius:.5rem;opacity:.8}.login-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(236,72,153,.2),rgba(147,51,234,.2));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-width:28rem;padding:2rem;position:relative;z-index:10}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.login-subtitle{color:#6b7280;margin:0}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.input-wrapper{position:relative}.input-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af;pointer-events:none;display:flex;align-items:center}.form-input{display:block;width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:1rem;transition:all .15s ease-in-out;box-sizing:border-box}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.1)}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem}.login-button{width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:.875rem;font-weight:500;color:#fff;background-color:#ec4899;cursor:pointer;transition:all .15s ease-in-out}.login-button:hover:not(:disabled){background-color:#db2777}.login-button:focus{outline:none;box-shadow:0 0 0 3px rgba(236,72,153,.5)}.login-button:disabled{opacity:.5;cursor:not-allowed}.button-content{display:flex;align-items:center;gap:.5rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.login-container{padding:.5rem}.login-card{padding:1.5rem}.login-background{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}}