.login-card{max-width:400px;margin:60px auto 40px}.login-card-header{text-align:center;margin-bottom:14px}.login-card-header h3{font-weight:700;font-size:24px;margin-bottom:0;color:#212529}.login-form-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:32px 28px}.login-error{display:flex;align-items:center;gap:8px;background:#fff5f5;border:1px solid #ffc9c9;border-radius:8px;padding:10px 14px;font-size:13px;color:#c92a2a;margin-bottom:20px}.login-error i{font-size:16px;flex-shrink:0}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:5px}.login-field .form-control{font-size:14px;border-radius:8px;border:1px solid #ced4da;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.login-field .form-control:focus{border-color:#495057;box-shadow:0 0 0 3px rgba(33,37,41,0.1)}.login-field .form-control::placeholder{color:#adb5bd;font-size:13px}.login-submit-btn{width:100%;padding:12px;font-size:15px;font-weight:600;border-radius:8px;border:0;background:#212529;color:#fff;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;margin-top:4px}.login-submit-btn:hover{background:#343a40;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.login-submit-btn:active{transform:scale(0.99)}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#adb5bd;font-size:12px}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:#dee2e6}.login-join-btn{display:block;width:100%;padding:10px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid #dee2e6;background:#fff;color:#495057;text-align:center;text-decoration:none;transition:all .15s}.login-join-btn:hover{background:#f8f9fa;border-color:#ced4da;color:#212529}@media(max-width:576px){.login-card{margin:30px auto}.login-form-card{padding:24px 18px;border-radius:8px}}