.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;min-width:400px;max-width:500px}@media (max-width: 576px){.login-card{min-width:320px;margin:1rem}}.login-title{text-align:center;font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.form-input:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.form-input:last-child{border-top-left-radius:0;border-top-right-radius:0}.form-input.error{border-color:#dc3545}.checkbox-group{display:flex;align-items:center;margin:1rem 0}.checkbox-group input{margin-right:8px}.login-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.login-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.form-floating:focus-within{z-index:5}