.login-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#0ea5a4);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(14,165,164,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,164,.1) 0,transparent 50%);pointer-events:none}.login-card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:2rem;width:100%;max-width:28rem;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;width:100%}.login-title{font-family:Playfair Display,serif;font-size:1.875rem;font-weight:700;color:#020617;margin-bottom:.5rem}.login-subtitle{color:#94a3b8;font-size:.875rem}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-label{display:block;color:#020617;font-weight:500;margin-bottom:.5rem;font-size:.875rem}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:2px solid rgba(148,163,184,.3);transition:all .3s ease;font-size:1rem;color:#020617}.form-input:focus{outline:none;border-color:#0ea5a4;box-shadow:0 0 0 3px rgba(14,165,164,.1)}.form-input::-moz-placeholder{color:#94a3b8}.form-input::placeholder{color:#94a3b8}.form-input.password-input{padding-right:2.5rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle-btn:hover{color:#0ea5a4}.checkbox-container{display:flex;align-items:center;cursor:pointer}.checkbox-container input[type=checkbox]{width:1rem;height:1rem;border:2px solid rgba(148,163,184,.3);border-radius:.25rem;cursor:pointer;accent-color:#0ea5a4}.checkbox-container input[type=checkbox]:focus{outline:none;border-color:#0ea5a4;box-shadow:0 0 0 3px rgba(14,165,164,.1)}.checkbox-container span{margin-left:.5rem;font-size:.875rem;color:#94a3b8;-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.5rem;font-size:.875rem}.login-button{width:100%;background:linear-gradient(135deg,#0ea5a4,#0f172a);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(14,165,164,.4)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.back-link{margin-top:1.5rem;text-align:center}.back-link a{color:#0ea5a4;text-decoration:none;font-size:.875rem;transition:color .3s ease}.back-link a:hover{color:#0f172a;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeIn .5s ease-out}@media (max-width:640px){.login-card{padding:1.5rem}.login-title{font-size:1.5rem}}